GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-07-31 02:32:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: dashboard design feedback (#5104)

Browse Source 
* fix: add createdby and createdAt by default and show not be configurable

* fix: make the checkbox always checked for createdby and createdat

* fix: decrease the margins for the graph and make it compact

* fix: decrease font size for metadata
This commit is contained in:
Vikrant Gupta 2024-05-29 18:58:02 +05:30 committed by GitHub
parent 1db1f76a72
commit 1328f05d78
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/container/ListOfDashboard/DashboardList.styles.scss
View File

@ -143,7 +143,7 @@
slashed-zero;
font-feature-settings: 'dlig' on, 'salt' on, 'cpsp' on, 'case' on;
font-family: Inter;
font-size: 14px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
@ -168,7 +168,7 @@
slashed-zero;
font-feature-settings: 'dlig' on, 'salt' on, 'cpsp' on, 'case' on;
font-family: Inter;
font-size: 14px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
@ -192,7 +192,7 @@
slashed-zero;
font-feature-settings: 'dlig' on, 'salt' on, 'cpsp' on, 'case' on;
font-family: Inter;
font-size: 14px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
@ -226,7 +226,7 @@
slashed-zero;
font-feature-settings: 'dlig' on, 'salt' on, 'cpsp' on, 'case' on;
font-family: Inter;
font-size: 14px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */

16
frontend/src/container/ListOfDashboard/DashboardsList.tsx
View File

@ -503,14 +503,12 @@ function DashboardsList(): JSX.Element {
</div>
</div>
<div className="dashboard-details">
{visibleColumns.createdAt && (
<div className="dashboard-created-at">
<CalendarClock size={14} />
<Typography.Text>{formattedDateAndTime}</Typography.Text>
</div>
)}
<div className="dashboard-created-at">
<CalendarClock size={14} />
<Typography.Text>{formattedDateAndTime}</Typography.Text>
</div>
{dashboard.createdBy && visibleColumns.createdBy && (
{dashboard.createdBy && (
<div className="created-by">
<div className="dashboard-tag">
<Typography.Text className="tag-text">
@ -900,7 +898,7 @@ function DashboardsList(): JSX.Element {
<div className="right">
<Switch
size="small"
checked={visibleColumns.createdAt}
checked
disabled
onChange={(check): void =>
setVisibleColumns((prev) => ({
@ -921,7 +919,7 @@ function DashboardsList(): JSX.Element {
<Switch
size="small"
disabled
checked={visibleColumns.createdBy}
checked
onChange={(check): void =>
setVisibleColumns((prev) => ({
...prev,

6
frontend/src/container/NewWidget/LeftContainer/WidgetGraph/WidgetGraphs.tsx
View File

@ -91,9 +91,9 @@ function WidgetGraph({
<div
ref={graphRef}
style={{
height: '80%',
width: '80%',
margin: 'auto auto',
height: '100%',
width: '100%',
marginTop: '16px',
borderRadius: '3px',
border: isDarkMode
? '1px solid var(--bg-slate-500)'