KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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);
}
}