Add confirmation dialog to delete publications.

2024-09-18 09:05:18 +02:00
parent 500952d4d4
commit f5e1e10ebd
7 changed files with 132 additions and 35 deletions
--- a/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
+++ b/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
@@ -0,0 +1,39 @@
+:host {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    padding: 1em;
+
+    footer {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        button {
+            padding: .8em 1.2em;
+            border-radius: 10em;
+            border: none;
+            background-color: #3f51b5;
+            color: white;
+            transition: background-color .2s ease-in-out;
+            cursor: pointer;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        
+            &:hover {
+                background-color: #5b6ed8;
+            }
+        
+            &.secondary {
+                color: #3f51b5;
+                background-color: white;
+        
+                &:hover {
+                    background-color: #f2f4ff;
+                    cursor: pointer;
+                }
+            }
+        }
+    }
+}