added delete confirmation background color

PPLBandage · Jan 11, 2025 · 94120d2 · 94120d2
1 parent 7435e3a
commit 94120d2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/app/modules/components/EditConfirmation.tsx b/src/app/modules/components/EditConfirmation.tsx
@@ -43,7 +43,7 @@ const EditConfirmation = ({ action, confirm_code, children, onInput }: EditConfi
                     exitActive: style_base['background-exit-active'],
                 }}
             >
-                <div className={style_base.background} />
+                <div className={`${style_base.background} ${action === 'delete' && style.delete_background}`} />
             </ReactCSSTransition>
 
             <ReactCSSTransition

diff --git a/src/app/styles/EditConfirmation.module.css b/src/app/styles/EditConfirmation.module.css
@@ -22,4 +22,8 @@
 
 .available:hover {
     background-color: #ED4245;
+}
+
+.delete_background {
+    background: linear-gradient(180deg, #fd2d3114 0%, #b51e20b3 100%);
 }
diff --git a/src/app/styles/minecraftConnect.module.css b/src/app/styles/minecraftConnect.module.css
@@ -14,6 +14,8 @@
     z-index: 9000;
     background-color: rgba(0, 0, 0, 0.6);
     transition: opacity 150ms, transform 150ms;
+
+    backdrop-filter: blur(2px);
 }
 
 .container {