Fix some styling issues

VedaWebProject · Jun 26, 2023 · bb0013c · bb0013c
1 parent 906f38b
commit bb0013c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/Tekst-Web/src/assets/main.css b/Tekst-Web/src/assets/main.css
@@ -105,7 +105,11 @@ h5:first-child {
   max-width: 95%;
 }
 
-.tekst-modal-large {
+.tekst-modal-small {
+  width: 480px;
+}
+
+.tekst-modal-full {
   width: var(--max-app-width);
 }
 

diff --git a/Tekst-Web/src/components/LoginModal.vue b/Tekst-Web/src/components/LoginModal.vue
@@ -82,7 +82,7 @@ onMounted(() => {
       show
       preset="card"
       size="large"
-      class="tekst-modal"
+      class="tekst-modal tekst-modal-small"
       @close="reject(null)"
       @mask-click="reject(null)"
       to="#app-container"
@@ -160,6 +160,7 @@ onMounted(() => {
 
 <style scoped>
 .login-message {
-  padding-bottom: 1rem;
+  margin-bottom: 1.5rem;
+  text-align: center;
 }
 </style>
diff --git a/Tekst-Web/src/components/browse/widgets/UnitSiblingsWidget.vue b/Tekst-Web/src/components/browse/widgets/UnitSiblingsWidget.vue
@@ -55,7 +55,7 @@ async function handleClick() {
   <n-modal
     v-model:show="showModal"
     preset="card"
-    class="tekst-modal tekst-modal-large"
+    class="tekst-modal tekst-modal-full"
     size="large"
     :bordered="false"
     :auto-focus="false"