discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed notifications block width for mobile

Browse Source
This commit is contained in:
kvakazyambra 2023-11-16 23:57:21 +03:00
parent 449ea48b71
commit 23c85c55e9
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/NotificationsPanel/NotificationsPanel.module.scss
View File

@ -18,13 +18,17 @@ $transition-duration: 200ms;
.panel { .panel {
position: relative; position: relative;
background-color: var(--background-color); background-color: var(--background-color);
width: 50%; width: 100%;
height: 100%; height: 100%;
transform: translateX(100%); transform: translateX(100%);
transition: transform $transition-duration; transition: transform $transition-duration;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@include media-breakpoint-up(md) {
width: 50%;
}
.title { .title {
@include font-size(2rem); @include font-size(2rem);