diff --git a/client/src/assets/css/colors.scss b/client/src/assets/css/colors.scss
index db064b0..504f773 100644
--- a/client/src/assets/css/colors.scss
+++ b/client/src/assets/css/colors.scss
@@ -108,11 +108,13 @@ $admin-tile-bottom-icon-hover-background-color: #485058;
$admin-tile-bottom-icon-hover-border: $admin-tile-bottom-icon-border;
// Modal Dialog
-$modal-dialog-background-color: #384048;
-$modal-dialog-border: none;
-$modal-dialog-text-color: #ffffff;
$modal-dialog-backdrop-background-color: rgba(0, 0, 0, 75%);
+// Dialog
+$dialog-box-background-color: #384048;
+$dialog-box-border: none;
+$dialog-box-text-color: #ffffff;
+
// Engine Debug
$debug-background-color: lighten($background-primary-color, 10%);
$debug-border: none;
diff --git a/client/src/components/CollectQuotes.vue b/client/src/components/CollectQuotes.vue
index c11e123..2ef9526 100644
--- a/client/src/components/CollectQuotes.vue
+++ b/client/src/components/CollectQuotes.vue
@@ -1,8 +1,13 @@
@@ -32,7 +37,11 @@ const editEnd = () => {
diff --git a/client/src/components/ModalDialog.vue b/client/src/components/ModalDialog.vue
index ee9816c..c24d501 100644
--- a/client/src/components/ModalDialog.vue
+++ b/client/src/components/ModalDialog.vue
@@ -1,17 +1,11 @@
@@ -21,6 +15,7 @@ defineProps<{
title?: string
noCloseButton?: boolean
}>()
+
const emit = defineEmits(['close'])
@@ -37,42 +32,6 @@ const emit = defineEmits(['close'])
height: 100%;
}
- &__box {
- display: flex;
- flex-direction: column;
- min-width: 400px;
- min-height: 280px;
- margin: auto;
- background-color: $modal-dialog-background-color;
- border: $modal-dialog-border;
- border-radius: 8px;
- color: $modal-dialog-text-color;
- z-index: 12;
- }
-
- &__header {
- display: flex;
- }
-
- &__title {
- flex-grow: 1;
- margin: 36px 36px 8px 36px;
- font-family: $font-primary;
- font-size: 24px;
- }
-
- &__body {
- flex-grow: 1;
- margin: 36px;
- font-family: $font-secondary;
- }
-
- &__footer {
- display: flex;
- // justify-content: end;
- margin: 24px 36px;
- }
-
&__backdrop {
position: absolute;
width: 100%;
diff --git a/client/src/components/QuoteExplainationBox.vue b/client/src/components/QuoteExplainationBox.vue
new file mode 100644
index 0000000..cb0b5b4
--- /dev/null
+++ b/client/src/components/QuoteExplainationBox.vue
@@ -0,0 +1,19 @@
+
+
+ Explain
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/src/components/admin/PlayerDialog.vue b/client/src/components/admin/PlayerDialog.vue
index 9f632aa..4555208 100644
--- a/client/src/components/admin/PlayerDialog.vue
+++ b/client/src/components/admin/PlayerDialog.vue
@@ -59,8 +59,8 @@ const generate = () => {
&__input {
border: 1px solid white;
- background-color: $modal-dialog-background-color;
- color: $modal-dialog-text-color;
+ background-color: $dialog-box-background-color;
+ color: $dialog-box-text-color;
border-radius: 4px;
}
@@ -88,4 +88,4 @@ const generate = () => {
margin-left: 16px;
}
}
-
\ No newline at end of file
+