fix: proposal errors display in a modal

zazuko · Oct 28, 2019 · 8f53b25 · 8f53b25
1 parent 0bbddc5
commit 8f53b25
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/pages/proposal/class.vue b/pages/proposal/class.vue
@@ -69,7 +69,18 @@
               :edit="edit"
               :iri="_iri">
 
-              <p v-show="error">{{ error }}</p>
+              <div
+                v-show="error"
+                class="modal is-active">
+                <div class="modal-background" />
+                <div class="modal-content has-text-centered">
+                  <div class="box">
+                    <p class="subtitle">
+                      {{ error }}
+                    </p>
+                  </div>
+                </div>
+              </div>
 
               <div
                 v-show="!disabled"