Refine toast styles

signalapp · Oct 7, 2021 · 3a722bb · 3a722bb
1 parent 5284497
commit 3a722bb
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/stylesheets/components/Toast.scss b/stylesheets/components/Toast.scss
@@ -2,11 +2,14 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .Toast {
+  $border-radius-px: 8px;
+
   @include font-body-2;
 
   align-items: center;
-  border-radius: 4px;
+  border-radius: $border-radius-px;
   bottom: 62px;
+  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 4px 12px rgba(0, 0, 0, 0.3);
   display: flex;
   justify-content: space-between;
   left: 50%;
@@ -19,13 +22,10 @@
   @include light-theme {
     background-color: $color-gray-80;
     color: $color-white;
-    box-shadow: 0 4px 16px 0 $color-black-alpha-20,
-      0 0 0 0.5px $color-black-alpha-05;
   }
   @include dark-theme {
     background-color: $color-gray-75;
     color: $color-gray-05;
-    box-shadow: 0 4px 16px 0 $color-white-alpha-20;
   }
 
   &__content {
@@ -34,6 +34,8 @@
 
   &__button {
     @include font-body-2-bold;
+    border-top-right-radius: $border-radius-px;
+    border-bottom-right-radius: $border-radius-px;
     cursor: pointer;
     padding: 8px 12px;