style: error msg responsive

csaf-poc · Nov 15, 2023 · 166dfa9 · 166dfa9
1 parent 57476d9
commit 166dfa9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/lib/feedview/Loader.svelte b/src/lib/feedview/Loader.svelte
@@ -69,7 +69,10 @@
 </div>
 {#if $appStore.ui.feedErrorMsg}
   <div class="row">
-    <div class="col"><div class="errors text-error">{$appStore.ui.feedErrorMsg}</div></div>
+    <div class="col-6 col-3-lg" />
+    <div class="col-6 col-9-lg">
+      <div class="errors text-error">{$appStore.ui.feedErrorMsg}</div>
+    </div>
   </div>
 {/if}
 

diff --git a/src/lib/singleview/LoadFromURL.svelte b/src/lib/singleview/LoadFromURL.svelte
@@ -66,13 +66,15 @@
 </div>
 {#if $appStore.ui.singleErrorMsg}
   <div class="row">
-    <div class="col"><div class="errors text-error">{$appStore.ui.singleErrorMsg}</div></div>
+    <div class="col-6 col-3-lg" />
+    <div class="col-6 col-9-lg">
+      <div class="errors text-error">{$appStore.ui.singleErrorMsg}</div>
+    </div>
   </div>
 {/if}
 
 <style>
   .errors {
-    margin-left: 200px;
     font-size: x-large;
     font-weight: bold;
   }