more ui components

2023-05-26 19:21:27 +02:00
parent 2088b12242
commit dd811c3f66
6 changed files with 57 additions and 16 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -110,12 +110,10 @@ provide('loading', loading)
          v-model="passphrase"
        />
      </form>
-      <div class="alert alert-error mt-4 flex-row" v-if="passphraseValid === false">
-        <div>
-          <i class="fa-solid fa-triangle-exclamation"></i>
-          The passphrase you entered is incorrect.
-        </div>
-      </div>
+      <UIAlert color="error" class="mt-4">
+        <i class="fa-solid fa-triangle-exclamation"></i>
+        The passphrase you entered is incorrect.
+      </UIAlert>
    </template>
    <template #actions="{ close }">
      <UIButton color="primary" size="sm" @click="submitPassphrase(close)">Submit</UIButton>