From baf17bf759be2f1a9458c87c4778fcdb46dde4c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Wed, 3 Feb 2021 15:20:42 +0100
Subject: [PATCH] re meta#256 tester bedre spinner
---
src/App.vue | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/App.vue b/src/App.vue
index baef9e5a..cf32efa4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,7 +17,9 @@
</select>
</div>
</div>
- <img id="spinner" :class="waiting ? 'show' : 'hide'" src="./assets/spinner.gif" alt="Venter på innhold" />
+ <div id="spinner">
+ <v-progress-circular indeterminate color="rgb(188, 71, 123)" size="120" v-show="waiting"></v-progress-circular>
+ </div>
<SearchResults :hits="search_results" :lang="lang" @article-click="article_link_click" v-show="! waiting" />
<div id="single_article_container">
<Article :key="article_key" :article="article" @article-click="article_link_click" />
@@ -287,6 +289,10 @@ header, #search_results, #spinner, #single_article_container, footer, div.welcom
padding-right: calc((100vw - 1000px) / 2);
}
+#spinner {
+ padding-top: 40px;
+}
+
header {
padding-top: 20px;
padding-bottom: 20px;
--
GitLab