Mirror/podkop
1
0
Fork 0
mirror of https://github.com/itdoginfo/podkop.git synced 2025-12-13 15:06:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: cleanup global styles

Browse Source
This commit is contained in:
divocat
2025-10-07 01:05:49 +03:00
parent c8c0025470
commit 1e6c827f2b
2 changed files with 36 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
fe-app-podkop/src/styles.ts
View File

@@ -28,6 +28,8 @@ export const GlobalStyles = `
width: 100%; width: 100%;
} }
/* Dashboard styles */
.pdk_dashboard-page { .pdk_dashboard-page {
width: 100%; width: 100%;
--dashboard-grid-columns: 4; --dashboard-grid-columns: 4;
@@ -39,26 +41,6 @@ export const GlobalStyles = `
} }
} }
/*@media (max-width: 440px) {*/
/* .pdk_dashboard-page {*/
/* --dashboard-grid-columns: 1;*/
/* }*/
/*}*/
.pdk_dashboard-page__title-section {
display: flex;
align-items: center;
justify-content: space-between;
border: 2px var(--background-color-low) solid;
border-radius: 4px;
padding: 0 10px;
}
.pdk_dashboard-page__title-section__title {
color: var(--text-color-high);
font-weight: 700;
}
.pdk_dashboard-page__widgets-section { .pdk_dashboard-page__widgets-section {
margin-top: 10px; margin-top: 10px;
display: grid; display: grid;
@@ -67,38 +49,30 @@ export const GlobalStyles = `
} }
.pdk_dashboard-page__widgets-section__item { .pdk_dashboard-page__widgets-section__item {
border: 2px var(--background-color-low) solid; border: 2px var(--background-color-low, lightgray) solid;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
} }
.pdk_dashboard-page__widgets-section__item__title { .pdk_dashboard-page__widgets-section__item__title {}
}
.pdk_dashboard-page__widgets-section__item__row { .pdk_dashboard-page__widgets-section__item__row {}
}
.pdk_dashboard-page__widgets-section__item__row--success .pdk_dashboard-page__widgets-section__item__row__value { .pdk_dashboard-page__widgets-section__item__row--success .pdk_dashboard-page__widgets-section__item__row__value {
color: var(--success-color-medium); color: var(--success-color-medium, green);
} }
.pdk_dashboard-page__widgets-section__item__row--error .pdk_dashboard-page__widgets-section__item__row__value { .pdk_dashboard-page__widgets-section__item__row--error .pdk_dashboard-page__widgets-section__item__row__value {
color: var(--error-color-medium); color: var(--error-color-medium, red);
} }
.pdk_dashboard-page__widgets-section__item__row__key { .pdk_dashboard-page__widgets-section__item__row__key {}
}
.pdk_dashboard-page__widgets-section__item__row__value { .pdk_dashboard-page__widgets-section__item__row__value {}
}
.pdk_dashboard-page__outbound-section { .pdk_dashboard-page__outbound-section {
margin-top: 10px; margin-top: 10px;
border: 2px var(--background-color-low) solid; border: 2px var(--background-color-low, lightgray) solid;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
} }
@@ -122,7 +96,7 @@ export const GlobalStyles = `
} }
.pdk_dashboard-page__outbound-grid__item { .pdk_dashboard-page__outbound-grid__item {
border: 2px var(--background-color-low) solid; border: 2px var(--background-color-low, lightgray) solid;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
transition: border 0.2s ease; transition: border 0.2s ease;
@@ -133,11 +107,11 @@ export const GlobalStyles = `
} }
.pdk_dashboard-page__outbound-grid__item--selectable:hover { .pdk_dashboard-page__outbound-grid__item--selectable:hover {
border-color: var(--primary-color-high); border-color: var(--primary-color-high, dodgerblue);
} }
.pdk_dashboard-page__outbound-grid__item--active { .pdk_dashboard-page__outbound-grid__item--active {
border-color: var(--success-color-medium); border-color: var(--success-color-medium, green);
} }
.pdk_dashboard-page__outbound-grid__item__footer { .pdk_dashboard-page__outbound-grid__item__footer {
@@ -147,24 +121,22 @@ export const GlobalStyles = `
margin-top: 10px; margin-top: 10px;
} }
.pdk_dashboard-page__outbound-grid__item__type { .pdk_dashboard-page__outbound-grid__item__type {}
}
.pdk_dashboard-page__outbound-grid__item__latency--empty { .pdk_dashboard-page__outbound-grid__item__latency--empty {
color: var(--primary-color-low); color: var(--primary-color-low, lightgray);
} }
.pdk_dashboard-page__outbound-grid__item__latency--green { .pdk_dashboard-page__outbound-grid__item__latency--green {
color: var(--success-color-medium); color: var(--success-color-medium, green);
} }
.pdk_dashboard-page__outbound-grid__item__latency--yellow { .pdk_dashboard-page__outbound-grid__item__latency--yellow {
color: var(--warn-color-medium); color: var(--warn-color-medium, orange);
} }
.pdk_dashboard-page__outbound-grid__item__latency--red { .pdk_dashboard-page__outbound-grid__item__latency--red {
color: var(--error-color-medium); color: var(--error-color-medium, red);
} }
.centered { .centered {

64
luci-app-podkop/htdocs/luci-static/resources/view/podkop/main.js
View File

@@ -376,6 +376,8 @@ var GlobalStyles = `
width: 100%; width: 100%;
} }
/* Dashboard styles */
.pdk_dashboard-page { .pdk_dashboard-page {
width: 100%; width: 100%;
--dashboard-grid-columns: 4; --dashboard-grid-columns: 4;
@@ -387,26 +389,6 @@ var GlobalStyles = `
} }
} }
/*@media (max-width: 440px) {*/
/* .pdk_dashboard-page {*/
/* --dashboard-grid-columns: 1;*/
/* }*/
/*}*/
.pdk_dashboard-page__title-section {
display: flex;
align-items: center;
justify-content: space-between;
border: 2px var(--background-color-low) solid;
border-radius: 4px;
padding: 0 10px;
}
.pdk_dashboard-page__title-section__title {
color: var(--text-color-high);
font-weight: 700;
}
.pdk_dashboard-page__widgets-section { .pdk_dashboard-page__widgets-section {
margin-top: 10px; margin-top: 10px;
display: grid; display: grid;
@@ -415,38 +397,30 @@ var GlobalStyles = `
} }
.pdk_dashboard-page__widgets-section__item { .pdk_dashboard-page__widgets-section__item {
border: 2px var(--background-color-low) solid; border: 2px var(--background-color-low, lightgray) solid;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
} }
.pdk_dashboard-page__widgets-section__item__title { .pdk_dashboard-page__widgets-section__item__title {}
}
.pdk_dashboard-page__widgets-section__item__row { .pdk_dashboard-page__widgets-section__item__row {}
}
.pdk_dashboard-page__widgets-section__item__row--success .pdk_dashboard-page__widgets-section__item__row__value { .pdk_dashboard-page__widgets-section__item__row--success .pdk_dashboard-page__widgets-section__item__row__value {
color: var(--success-color-medium); color: var(--success-color-medium, green);
} }
.pdk_dashboard-page__widgets-section__item__row--error .pdk_dashboard-page__widgets-section__item__row__value { .pdk_dashboard-page__widgets-section__item__row--error .pdk_dashboard-page__widgets-section__item__row__value {
color: var(--error-color-medium); color: var(--error-color-medium, red);
} }
.pdk_dashboard-page__widgets-section__item__row__key { .pdk_dashboard-page__widgets-section__item__row__key {}
}
.pdk_dashboard-page__widgets-section__item__row__value { .pdk_dashboard-page__widgets-section__item__row__value {}
}
.pdk_dashboard-page__outbound-section { .pdk_dashboard-page__outbound-section {
margin-top: 10px; margin-top: 10px;
border: 2px var(--background-color-low) solid; border: 2px var(--background-color-low, lightgray) solid;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
} }
@@ -470,7 +444,7 @@ var GlobalStyles = `
} }
.pdk_dashboard-page__outbound-grid__item { .pdk_dashboard-page__outbound-grid__item {
border: 2px var(--background-color-low) solid; border: 2px var(--background-color-low, lightgray) solid;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
transition: border 0.2s ease; transition: border 0.2s ease;
@@ -481,11 +455,11 @@ var GlobalStyles = `
} }
.pdk_dashboard-page__outbound-grid__item--selectable:hover { .pdk_dashboard-page__outbound-grid__item--selectable:hover {
border-color: var(--primary-color-high); border-color: var(--primary-color-high, dodgerblue);
} }
.pdk_dashboard-page__outbound-grid__item--active { .pdk_dashboard-page__outbound-grid__item--active {
border-color: var(--success-color-medium); border-color: var(--success-color-medium, green);
} }
.pdk_dashboard-page__outbound-grid__item__footer { .pdk_dashboard-page__outbound-grid__item__footer {
@@ -495,24 +469,22 @@ var GlobalStyles = `
margin-top: 10px; margin-top: 10px;
} }
.pdk_dashboard-page__outbound-grid__item__type { .pdk_dashboard-page__outbound-grid__item__type {}
}
.pdk_dashboard-page__outbound-grid__item__latency--empty { .pdk_dashboard-page__outbound-grid__item__latency--empty {
color: var(--primary-color-low); color: var(--primary-color-low, lightgray);
} }
.pdk_dashboard-page__outbound-grid__item__latency--green { .pdk_dashboard-page__outbound-grid__item__latency--green {
color: var(--success-color-medium); color: var(--success-color-medium, green);
} }
.pdk_dashboard-page__outbound-grid__item__latency--yellow { .pdk_dashboard-page__outbound-grid__item__latency--yellow {
color: var(--warn-color-medium); color: var(--warn-color-medium, orange);
} }
.pdk_dashboard-page__outbound-grid__item__latency--red { .pdk_dashboard-page__outbound-grid__item__latency--red {
color: var(--error-color-medium); color: var(--error-color-medium, red);
} }
.centered { .centered {