From 85e718f94d4dd9ed539de82971710f117566b740 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Thu, 7 Sep 2023 09:34:07 +1000
Subject: Improved dialog styling and made dialogs draggable

---
 Pages/Component/Dialog.razor.css | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

(limited to 'Pages/Component/Dialog.razor.css')

diff --git a/Pages/Component/Dialog.razor.css b/Pages/Component/Dialog.razor.css
index dea3d8d..1447407 100644
--- a/Pages/Component/Dialog.razor.css
+++ b/Pages/Component/Dialog.razor.css
@@ -1,11 +1,11 @@
-div {
+div.dialog {
     background:     var(--col-dialog-bg);
     border-radius:  20px;
     box-shadow:     0px 5px 10px 10px rgb(0 0 0 / 25%);
     display:        flex;
     flex-direction: column;
     left:           50%;
-    padding:        20px;
+    padding:        0;
     position:       absolute;
     top:            50%;
     transform:      translate(-50%, -50%);
@@ -13,3 +13,23 @@
     width:          450px;
     z-index:        1000;
 }
+
+hr {
+    margin: 0;
+}
+
+div.titlebar {
+    cursor: grab;
+}
+
+div.titlebar p.title {
+    font-size: 10pt;
+    margin:    0;
+    padding:   10px 20px 10px 20px;
+}
+
+div.content {
+    display:        flex;
+    flex-direction: column;
+    padding:        20px;
+}
-- 
cgit v1.3