knadh/listmonk
1
1
Fork 0
mirror of https://github.com/knadh/listmonk.git synced 2025-10-09 14:56:03 +08:00
Code Issues Projects Releases Packages Wiki Activity

Restyle tags on the UI.

Browse source
This commit is contained in:
Kailash Nadh 2024-06-16 13:49:41 +05:30
parent d4e4c5fa99
commit 8126eec358
1 changed files with 23 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
frontend/src/assets/style.scss
View file

@ -24,7 +24,7 @@ $body-size: 15px;
$background: $white-bis; $background: $white-bis;
$body-background-color: $white-bis; $body-background-color: $white-bis;
$primary: #0055d4; $primary: #0055d4;
$green: #0db35e; $green: #36995b;
$turquoise: $green; $turquoise: $green;
$red: #FF5722; $red: #FF5722;
@ -569,21 +569,23 @@ body.is-noscroll {
/* Tags */ /* Tags */
.tag { .tag {
min-width: 85px; border-radius: 30px !important;
border: 0;
padding: 0 20px !important;
&.is-small { &.is-small {
font-size: 0.65rem; font-size: 0.65rem;
background: $white-ter; background: $white-ter;
border: 1px solid $white-ter; // border: 1px solid $white-ter;
padding: 3px 5px; padding: 3px 5px;
min-width: auto !important; min-width: auto !important;
} }
&:not(body) { &:not(body) {
background-color: #eee;
font-size: 0.85em; font-size: 0.85em;
$color: $grey-lighter; // border: 1px solid $color;
border: 1px solid $color; // box-shadow: 1px 1px 0 $color;
box-shadow: 1px 1px 0 $color;
color: $grey; color: $grey;
} }
@ -591,29 +593,28 @@ body.is-noscroll {
$color: #ed7b00; $color: #ed7b00;
color: $color; color: $color;
background: #fff7e6; background: #fff7e6;
border: 1px solid lighten($color, 37%); // border: 1px solid lighten($color, 37%);
box-shadow: 1px 1px 0 lighten($color, 37%); // box-shadow: 1px 1px 0 lighten($color, 37%);
} }
&.public, &.running, &.list, &.campaign, &.user { &.public, &.running, &.list, &.campaign, &.user, &.primary {
$color: $primary; $color: $primary;
color: lighten($color, 20%);; color: lighten($color, 20%);
background: #e6f7ff; background: #e6f7ff;
border: 1px solid lighten($color, 42%); // border: 1px solid lighten($color, 42%);
box-shadow: 1px 1px 0 lighten($color, 42%); // box-shadow: 1px 1px 0 lighten($color, 42%);
} }
&.finished, &.enabled, &.status-confirmed, &.super { &.finished, &.enabled, &.status-confirmed {
$color: $green; color: $green;
color: $color; background: #dcfce7;
background: #f6ffed; // border: 1px solid lighten($color, 45%);
border: 1px solid lighten($color, 45%); // box-shadow: 1px 1px 0 lighten($color, 45%);
box-shadow: 1px 1px 0 lighten($color, 45%);
} }
&.blocklisted, &.cancelled, &.status-unsubscribed { &.blocklisted, &.cancelled, &.status-unsubscribed {
$color: $red; $color: $red;
color: $color; color: $color;
background: #fff1f0; background: #fff1f0;
border: 1px solid lighten($color, 30%); border: 1px solid lighten($color, 30%);
box-shadow: 1px 1px 0 lighten($color, 30%); // box-shadow: 1px 1px 0 lighten($color, 30%);
} }
sup { sup {
@ -918,7 +919,7 @@ section.analytics {
/* Users */ /* Users */
section.users { section.users {
td .tag { td .tag {
min-width: 100px !important; margin: 0 3px;
} }
} }
.user-api-token .copy-text { .user-api-token .copy-text {