Fix card bg color

This commit is contained in:
Steven Nguyen
2023-09-26 14:53:42 -07:00
parent 077f1fe8f4
commit e3796c7431
2 changed files with 11 additions and 8 deletions
+10 -3
View File
@@ -263,11 +263,18 @@
background-color: hsl(240 5% 8% / 0.6);
}
.card {
--p-card-bg-color: var(--color-neutral-5-new);
.theme-dark .card-header {
background: var(--url) #18181b;
background-repeat: no-repeat;
background-position: top right;
}
.theme-light .card-header {
background-color: #fbfbfc;
background-repeat: no-repeat;
background-position: top right;
}
:global(.theme-dark) .card {
.theme-dark .card {
--p-card-bg-color: var(--color-neutral-100-new);
}
@@ -164,13 +164,9 @@
<style lang="scss">
@import '@appwrite.io/pink/src/abstract/variables/_devices.scss';
.card-header {
background: transparent;
}
@media #{$break2open} {
.card-header {
background: var(--url) transparent;
background-image: var(--url);
background-repeat: no-repeat;
background-position: top right;
}