fix(dashboard): refine metric and button styling
This commit is contained in:
+4
-3
@@ -277,8 +277,8 @@ def inject_app_css() -> None:
|
|||||||
div[data-testid="stMetric"] {
|
div[data-testid="stMetric"] {
|
||||||
background: rgba(255,255,255,0.84);
|
background: rgba(255,255,255,0.84);
|
||||||
border: 1px solid rgba(226, 232, 240, 0.92);
|
border: 1px solid rgba(226, 232, 240, 0.92);
|
||||||
border-radius: 20px;
|
border-radius: 10px;
|
||||||
padding: 1rem 1.05rem;
|
padding: 1rem 1rem;
|
||||||
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
|
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
|
||||||
}
|
}
|
||||||
div[data-testid="stMetric"] label {
|
div[data-testid="stMetric"] label {
|
||||||
@@ -288,6 +288,7 @@ def inject_app_css() -> None:
|
|||||||
div[data-testid="stMetricValue"] {
|
div[data-testid="stMetricValue"] {
|
||||||
color: var(--jarca-navy);
|
color: var(--jarca-navy);
|
||||||
letter-spacing: -0.04em;
|
letter-spacing: -0.04em;
|
||||||
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
div[data-testid="stDataFrame"], div[data-testid="stDataFrameResizable"] {
|
div[data-testid="stDataFrame"], div[data-testid="stDataFrameResizable"] {
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
@@ -303,7 +304,7 @@ def inject_app_css() -> None:
|
|||||||
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.055);
|
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.055);
|
||||||
}
|
}
|
||||||
.stButton > button {
|
.stButton > button {
|
||||||
border-radius: 14px;
|
border-radius: 10px;
|
||||||
font-weight: 750;
|
font-weight: 750;
|
||||||
border-color: rgba(148, 163, 184, 0.32);
|
border-color: rgba(148, 163, 184, 0.32);
|
||||||
transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
|
transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
|
||||||
|
|||||||
Reference in New Issue
Block a user