Dwinzo-Beta/Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add new images and update styles for visualization components

Browse Source
This commit is contained in:
Nalvazhuthi
2025-03-29 17:56:50 +05:30
parent 893d01ee4e
commit ad7f4bbfd6
19 changed files with 1178 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/styles/components/visualization/floating/common.scss
View File

@@ -92,7 +92,7 @@
align-items: center;
.value {
font-size: 30px;
font-size: var(--font-size-xxxlarge);
color: var(--accent-color);
}
@@ -170,15 +170,16 @@
}
}
}
.bar-chart{
padding:14px 0;
.bar-chart {
padding: 14px 0;
}
}
.stateWorking-wrapper {
min-width: 445px;
font-size: 12px;
font-size: var(--font-size-small);
backdrop-filter: blur(40px);
background: var(--background-color-secondary);
border-radius: 20px;
@@ -195,7 +196,7 @@
flex-direction: column;
span {
font-size: 27px;
font-size: var(--font-size-xxlarge);
&:first-child {
color: #FCFDFD;
@@ -362,13 +363,13 @@
border-radius: 4px;
.label {
font-size: 0.9rem;
font-size: var(--font-size-regular);
margin: 0;
opacity: 0.7;
}
.value {
font-size: 1.2rem;
font-size: var(--font-size-xlarge);
font-weight: bold;
margin: 0;
}
@@ -398,19 +399,19 @@
text-align: center;
.title {
font-size: 1rem;
font-size: var(--font-size-large);
margin: 0;
opacity: 0.7;
}
.time {
font-size: 2.5rem;
font-size: var(--font-size-xxxlarge);
font-weight: bold;
margin: 0;
}
.subtitle {
font-size: 0.8rem;
font-size: var(--font-size-regular);
margin: 0;
opacity: 0.7;
}
@@ -461,7 +462,7 @@
display: flex;
justify-content: space-between;
color: #718096;
font-size: 12px;
font-size: var(--font-size-small);
padding: 18px 10px;
position: relative;
z-index: 100;

6
app/src/styles/components/visualization/floating/energyConsumed.scss
View File

@@ -55,7 +55,7 @@
}
.state {
font-size: 24px;
font-size: var(--font-size-xxlarge);
font-weight: bold;
}
@@ -66,7 +66,7 @@
}
.working {
font-size: 20px;
font-size: var(--font-size-xxlarge);
color: #4CAF50;
}
@@ -95,7 +95,7 @@
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-size: var(--font-size-large);
padding: 4px 0;
}

4
app/src/styles/components/visualization/ui/styledWidgets.scss
View File

@@ -25,7 +25,7 @@
var(--highlight-accent-color) 60%,
transparent
);
font-size: 16px;
font-size: var(--font-size-large);
align-items: center;
}
.stock-item {
@@ -36,7 +36,7 @@
color: var(--accent-color);
}
.stock-description {
font-size: 12px;
font-size: var(--font-size-small);
}
}
}