Tune card background colors

This commit is contained in:
SondreB 2023-04-13 09:43:20 +02:00
parent f218258db5
commit 62161dc09f
3 changed files with 13 additions and 4 deletions

View File

@ -56,7 +56,6 @@
.spaces-card {
max-width: 274px;
border-radius: 15px;
background-color: rgba(87, 88, 85, 0.75);
}
.spaces-container {

View File

@ -26,7 +26,7 @@
<mat-card-content>
<h1 class="centered">Spaces</h1>
<div class="spaces-container">
<mat-card class="spaces-card">
<mat-card class="spaces-card card-background">
<mat-card-header>
<div mat-card-avatar class="spaces-header-image"></div>
<mat-card-title>Shiba Inu</mat-card-title>
@ -44,7 +44,7 @@
<button mat-button>REMOVE</button>
</mat-card-actions>
</mat-card>
<mat-card class="spaces-card">
<mat-card class="spaces-card card-background">
<mat-card-header>
<div mat-card-avatar class="spaces-header-image"></div>
<mat-card-title>Shiba Inu</mat-card-title>
@ -62,7 +62,7 @@
<button mat-button>REMOVE</button>
</mat-card-actions>
</mat-card>
<mat-card class="spaces-card">
<mat-card class="spaces-card card-background">
<mat-card-header>
<div mat-card-avatar class="spaces-header-image"></div>
<mat-card-title>Shiba Inu</mat-card-title>

View File

@ -1026,3 +1026,13 @@ textarea.noscrollbars {
flex-basis: 100%;
}
}
.card-background {
background-color: rgba(0, 0, 0, 0.05) !important;
}
.dark .card-background {
background-color: rgba(0, 0, 0, 0.25) !important;
}