From 5eacf631789ac4d4c830810624a5013966740ee7 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Fri, 10 Dec 2021 11:58:41 +0100
Subject: [PATCH] border radius 28
---
src/App.vue | 9 +++++++++
src/components/Autocomplete.vue | 2 +-
2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/App.vue b/src/App.vue
index 353ab368..6a4cbea5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -209,4 +209,13 @@ th[class="infl-group"] {
font-style: unset;
}
+.v-application .rounded-t-xl {
+ border-top-left-radius: 28px !important;
+ border-top-right-radius: 28px !important;
+}
+
+.v-application .rounded-xl {
+ border-radius: 28px !important;
+}
+
</style>
diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index 9878b74c..9248db93 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -9,7 +9,7 @@
:menu-props="{rounded: 'b-xl', maxHeight: $vuetify.breakpoint.name === 'xs' ? 190 : 500, transition: 'fade-transition', allowOverflow: true}"
prepend-inner-icon="search"
return-object
- :class="($refs.autocomplete && $refs.autocomplete.hasDisplayedItems && $refs.autocomplete.isMenuActive && 'v-text-field--rounded') || 'v-text-field--rounded'"
+ :class="($refs.autocomplete && $refs.autocomplete.hasDisplayedItems && $refs.autocomplete.isMenuActive && 'rounded-t-xl') || 'rounded-xl'"
clearable
hide-no-data
:autofocus="!$parent.article"
--
GitLab