modified toaster

TimTJoe · Aug 16, 2024 · a8f4cd1 · a8f4cd1
1 parent cc8d5b2
commit a8f4cd1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/public/css/generic.css b/public/css/generic.css
@@ -164,19 +164,15 @@
 .toaster {
     position: absolute;
     top: 2%;
-    left: 45%;
-    width: 250px;
-    background-color: var(--charcoal);
+    min-width: 60%;
+    max-width: 60%;
+    background-color: var(--whisper);
     z-index: 3000;
     box-shadow: var(--shadow-sm);
     border-radius: 8px;
     text-align: center;
-    padding: var(--spacing-xs);
-}
-
-.toaster .large {
-    min-width: 60%;
-        max-width: 60%;
+    padding: var(--spacing-xxs);
+    gap: var(--spacing-md);
 }
 
 .toaster .text {

diff --git a/views/dashboard.ejs b/views/dashboard.ejs
@@ -4,8 +4,8 @@
             <%- include("./partials/sidebar") %>
                 <div class="content padding">
                     <div class="grid">
-                        <section class="toaster row between">
-                            <em class="icon"></em>
+                        <section class="toaster row">
+                            <em class="icon">icon</em>
                             <span class="text">Text</span>
                             <button class="action mini crimson">Done</button>
                         </section>