Add more pages in the WebUI
This commit is contained in:
parent
2b828765e3
commit
fcc1109e76
82 changed files with 5005 additions and 249 deletions
|
@ -12,6 +12,10 @@ $app-text-caption-dark: rgba(255,255,255,0.7);
|
|||
// Custom colors
|
||||
$app-text-white: #ffffff;
|
||||
$app-text-grey: #737373;
|
||||
$app-text-purple: #9d0fb0;
|
||||
$app-text-green: #24a1c1;
|
||||
$app-text-green-2: #06a21d;
|
||||
$app-text-marine: #06102a;
|
||||
|
||||
// Quasar
|
||||
$primary: #06102a;
|
||||
|
|
|
@ -39,6 +39,10 @@ body {
|
|||
color: $app-text-grey;
|
||||
}
|
||||
|
||||
.bg-app-toggle {
|
||||
background-color: rgba( $accent, .1 );
|
||||
}
|
||||
|
||||
// Helps
|
||||
.xs-text-center {
|
||||
@include respond-to(sm, max) {
|
||||
|
@ -60,6 +64,10 @@ body {
|
|||
&-label {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
&-sub {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.q-icon + &-label {
|
||||
margin-left: 8px;
|
||||
|
@ -107,3 +115,45 @@ body {
|
|||
.q-card {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
// Chips
|
||||
.app-chip {
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
&-wrap {
|
||||
height: 100%;
|
||||
flex-wrap: wrap;
|
||||
.q-chip__content{
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
&-accent, &-rule {
|
||||
color: $accent;
|
||||
background-color: rgba($accent, 0.1);
|
||||
}
|
||||
&-green, &-entry-points {
|
||||
color: $app-text-green;
|
||||
background-color: rgba($app-text-green, 0.1);
|
||||
}
|
||||
&-purple, &-name {
|
||||
color: $app-text-purple;
|
||||
background-color: rgba($app-text-purple, 0.1);
|
||||
}
|
||||
&-warning, &-service {
|
||||
color: $warning;
|
||||
background-color: rgba($warning, 0.1);
|
||||
}
|
||||
&-negative, &-error {
|
||||
color: $negative;
|
||||
background-color: rgba($negative, 0.1);
|
||||
}
|
||||
&-green-2, &-options {
|
||||
color: $app-text-green-2;
|
||||
background-color: rgba($app-text-green-2, 0.1);
|
||||
}
|
||||
&-marine, &-interval {
|
||||
color: $app-text-marine;
|
||||
background-color: rgba($app-text-grey, 0.1);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue