gru/mikrotik_backup_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup css

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-04-14 11:56:32 +02:00
parent 14ccb23967
commit 8ea6652062
5 changed files with 261 additions and 764 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/styles/auth.css
View File

@@ -35,9 +35,7 @@
max-width: 720px; max-width: 720px;
} }
.auth-shell, .auth-shell, .auth-shell--compact{
.auth-shell--login,
.auth-shell--compact {
position: relative; position: relative;
display: grid; display: grid;
align-items: center; align-items: center;
@@ -48,8 +46,7 @@
margin: 0; margin: 0;
} }
.auth-card, .auth-card, .app-auth-view__content .auth-card--wide{
.app-auth-view__content .auth-card--wide {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
margin: 0 auto; margin: 0 auto;
@@ -93,9 +90,7 @@
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }
.auth-form--grid > .form-field, .auth-form--grid > .form-field, .auth-form--grid > small, .auth-form--grid > div{
.auth-form--grid > small,
.auth-form--grid > div {
min-width: 0; min-width: 0;
} }
@@ -142,9 +137,7 @@
padding: 1rem; padding: 1rem;
} }
.auth-shell, .auth-shell, .auth-shell--compact{
.auth-shell--login,
.auth-shell--compact {
min-height: 0; min-height: 0;
padding: 4.5rem 0 0.5rem; padding: 4.5rem 0 0.5rem;
} }

6
frontend/src/styles/dashboard.css
View File

@@ -128,8 +128,7 @@
justify-items: center; justify-items: center;
} }
.dashboard-focus-column small, .dashboard-focus-column small, .dashboard-focus-column span{
.dashboard-focus-column span {
color: var(--text-soft); color: var(--text-soft);
font-size: 0.76rem; font-size: 0.76rem;
} }
@@ -165,8 +164,7 @@
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
.dashboard-focus-grid, .dashboard-focus-grid, .dashboard-focus-block--pie{
.dashboard-focus-block--pie {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }

35
frontend/src/styles/layout.css
View File

@@ -91,15 +91,13 @@ body.dark-theme .topbar {
min-width: 0; min-width: 0;
} }
.topbar__lang-picker, .topbar__lang-picker, .auth-toolbar__select-wrap{
.auth-toolbar__select-wrap {
position: relative; position: relative;
} }
.topbar__lang-picker::after, .topbar__lang-picker::after, .auth-toolbar__select-wrap::after{
.auth-toolbar__select-wrap::after { content: "";
content: '\e902'; font-family: "primeicons";
font-family: 'primeicons';
position: absolute; position: absolute;
right: 1rem; right: 1rem;
top: 50%; top: 50%;
@@ -109,8 +107,7 @@ body.dark-theme .topbar {
font-size: 0.8rem; font-size: 0.8rem;
} }
.topbar__lang-select, .topbar__lang-select, .auth-toolbar__select{
.auth-toolbar__select {
appearance: none; appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
width: 100%; width: 100%;
@@ -129,40 +126,34 @@ body.dark-theme .topbar {
transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease; transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
} }
.topbar__lang-select:hover, .topbar__lang-select:hover, .auth-toolbar__select:hover{
.auth-toolbar__select:hover {
border-color: color-mix(in srgb, var(--accent) 56%, var(--border-strong)); border-color: color-mix(in srgb, var(--accent) 56%, var(--border-strong));
} }
.topbar__lang-select:focus, .topbar__lang-select:focus, .auth-toolbar__select:focus{
.auth-toolbar__select:focus {
outline: none; outline: none;
border-color: color-mix(in srgb, var(--blue) 72%, var(--border-strong)); border-color: color-mix(in srgb, var(--blue) 72%, var(--border-strong));
box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent);
} }
.topbar__lang-select option, .topbar__lang-select option, .auth-toolbar__select option{
.auth-toolbar__select option {
color: var(--text-main); color: var(--text-main);
background: var(--surface-1); background: var(--surface-1);
} }
body.dark-theme .topbar__lang-select, body.dark-theme .topbar__lang-select, body.dark-theme .auth-toolbar__select{
body.dark-theme .auth-toolbar__select {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: var(--border-color); border-color: var(--border-color);
} }
body.dark-theme .topbar__lang-select option, body.dark-theme .topbar__lang-select option, body.dark-theme .auth-toolbar__select option{
body.dark-theme .auth-toolbar__select option {
color: #d6e0e8; color: #d6e0e8;
background: #1c2631; background: #1c2631;
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.layout-shell, .layout-shell, .layout-shell--collapsed{
.layout-shell--collapsed {
padding-left: 0; padding-left: 0;
} }
@@ -175,9 +166,7 @@ body.dark-theme .auth-toolbar__select option {
transform: translateX(0); transform: translateX(0);
} }
.topbar, .topbar, .layout-content, .layout-footer{
.layout-content,
.layout-footer {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
} }

813
frontend/src/styles/pages.css
View File

File diff suppressed because it is too large Load Diff

4
frontend/src/styles/styles.css Normal file
View File

@@ -0,0 +1,4 @@
@import "./styles/pages.css";
@import "./styles/layout.css";
@import "./styles/auth.css";
@import "./styles/dashboard.css";