scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-01 19:48:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

design: Fixes to make portal page design close to figma mockups (#5383)

Browse Source
This commit is contained in:
Nithin David Thomas
2022-09-02 18:07:17 +05:30
committed by GitHub
parent 8bdd229adb
commit a9801a3c76
9 changed files with 197 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/javascript/dashboard/components/ui/Label.vue
View File

@@ -72,7 +72,9 @@ export default {
return this.color || getContrastingTextColor(this.bgColor);
},
labelClass() {
return `label ${this.colorScheme} ${this.small ? 'small' : ''}`;
return `label ${this.colorScheme} ${this.variant} ${
this.small ? 'small' : ''
}`;
},
labelStyle() {
if (this.bgColor) {
@@ -146,6 +148,9 @@ export default {
a {
color: var(--w-900);
}
.label-color-dot {
background: var(--w-600);
}
}
&.secondary {
background: var(--s-100);
@@ -154,6 +159,9 @@ export default {
a {
color: var(--s-900);
}
.label-color-dot {
background: var(--s-600);
}
}
&.success {
background: var(--g-100);
@@ -162,6 +170,9 @@ export default {
a {
color: var(--g-900);
}
.label-color-dot {
background: var(--g-600);
}
}
&.alert {
background: var(--r-100);
@@ -170,6 +181,9 @@ export default {
a {
color: var(--r-900);
}
.label-color-dot {
background: var(--r-600);
}
}
&.warning {
background: var(--y-100);
@@ -178,6 +192,15 @@ export default {
a {
color: var(--y-900);
}
.label-color-dot {
background: var(--y-900);
}
}
&.smooth {
background: transparent;
border: 1px solid var(--s-75);
color: var(--s-800);
}
}