fix: correct formatting of box-shadow properties in frontend styles
This commit is contained in:
@@ -1,13 +1,14 @@
|
|||||||
@use "../variables" as *;
|
@use "../variables" as *;
|
||||||
|
|
||||||
html .topbar {
|
html .topbar {
|
||||||
|
transition: background-color 0.5s ease; /* Smooth transition for background color */
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
height: $header-height;
|
height: $header-height;
|
||||||
|
|
||||||
.notification-badge{
|
.notification-badge {
|
||||||
.mat-badge-content{
|
.mat-badge-content {
|
||||||
left: 80%;
|
left: 80%;
|
||||||
bottom: 85%;
|
bottom: 85%;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
@@ -61,4 +62,4 @@ html .topbar {
|
|||||||
--mat-button-text-label-text-color: $dark-text-secondary !important;
|
--mat-button-text-label-text-color: $dark-text-secondary !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,8 +5,8 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: var(--mat-sys-background) !important;
|
background-color: var(--mat-sys-background) !important;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
|
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
|
||||||
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
|
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user