From 23c85c55e9e927fac44a5544eaf2132682df86a3 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 16 Nov 2023 23:57:21 +0300
Subject: [PATCH] Fixed notifications block width for mobile

---
 .../NotificationsPanel/NotificationsPanel.module.scss       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/NotificationsPanel/NotificationsPanel.module.scss b/src/components/NotificationsPanel/NotificationsPanel.module.scss
index cc4d1cfe..8044b92b 100644
--- a/src/components/NotificationsPanel/NotificationsPanel.module.scss
+++ b/src/components/NotificationsPanel/NotificationsPanel.module.scss
@@ -18,13 +18,17 @@ $transition-duration: 200ms;
   .panel {
     position: relative;
     background-color: var(--background-color);
-    width: 50%;
+    width: 100%;
     height: 100%;
     transform: translateX(100%);
     transition: transform $transition-duration;
     display: flex;
     flex-direction: column;
 
+    @include media-breakpoint-up(md) {
+      width: 50%;
+    }
+
     .title {
       @include font-size(2rem);