Improved dialog styling and made dialogs draggable

1 files changed, 22 insertions, 2 deletions

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;
+}