Merge pull request #371 from citation-file-format/342-fix-banner

fix screen error banner position
citation-file-format · Oct 28, 2021 · d6412f5 · d6412f5
2 parents 86deea0 + 0773e23
commit d6412f5
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 33 deletions.
diff --git a/src/components/ScreenAuthors.vue b/src/components/ScreenAuthors.vue
@@ -50,19 +50,19 @@
             >
                 Add author
             </q-btn>
-        </div>
 
-        <q-banner
-            v-if="authorsErrors.hasError"
-            class="bg-warning text-negative"
-        >
-            <div
-                v-bind:key="index"
-                v-for="(screenMessage, index) in authorsErrors.messages"
+            <q-banner
+                v-if="authorsErrors.hasError"
+                class="bg-warning text-negative"
             >
-                {{ screenMessage }}
-            </div>
-        </q-banner>
+                <div
+                    v-bind:key="index"
+                    v-for="(screenMessage, index) in authorsErrors.messages"
+                >
+                    {{ screenMessage }}
+                </div>
+            </q-banner>
+        </div>
 
         <div id="form-button-bar">
             <StepperActions />

diff --git a/src/components/ScreenIdentifiers.vue b/src/components/ScreenIdentifiers.vue
@@ -61,19 +61,19 @@
             >
                 Add identifier
             </q-btn>
-        </div>
 
-        <q-banner
-            v-if="identifiersErrors.hasError"
-            class="bg-warning text-negative"
-        >
-            <div
-                v-bind:key="index"
-                v-for="(screenMessage, index) in identifiersErrors.messages"
+            <q-banner
+                v-if="identifiersErrors.hasError"
+                class="bg-warning text-negative"
             >
-                {{ screenMessage }}
-            </div>
-        </q-banner>
+                <div
+                    v-bind:key="index"
+                    v-for="(screenMessage, index) in identifiersErrors.messages"
+                >
+                    {{ screenMessage }}
+                </div>
+            </q-banner>
+        </div>
 
         <div id="form-button-bar">
             <StepperActions />

diff --git a/src/components/ScreenKeywords.vue b/src/components/ScreenKeywords.vue
@@ -39,19 +39,19 @@
             >
                 Add keyword
             </q-btn>
-        </div>
 
-        <q-banner
-            v-if="keywordsErrors.hasError"
-            class="bg-warning text-negative"
-        >
-            <div
-                v-bind:key="index"
-                v-for="(screenMessage, index) in keywordsErrors.messages"
+            <q-banner
+                v-if="keywordsErrors.hasError"
+                class="bg-warning text-negative"
             >
-                {{ screenMessage }}
-            </div>
-        </q-banner>
+                <div
+                    v-bind:key="index"
+                    v-for="(screenMessage, index) in keywordsErrors.messages"
+                >
+                    {{ screenMessage }}
+                </div>
+            </q-banner>
+        </div>
 
         <div id="form-button-bar">
             <StepperActions />