From c463c2f1add2aca6f991ec806658e312819458c6 Mon Sep 17 00:00:00 2001
From: Brain <brain@wtf-eg.de>
Date: Wed, 21 Aug 2024 20:25:28 +0200
Subject: [PATCH] Use Bootstrap classes

---
 src/assets/global.scss             | 8 --------
 src/components/AutoComplete.vue    | 4 ++--
 src/components/Paginator.vue       | 1 +
 src/components/ProfileList.vue     | 2 +-
 src/components/SearchResult.vue    | 2 +-
 src/components/profile/Section.vue | 2 +-
 src/views/profile/Edit.vue         | 2 +-
 7 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/assets/global.scss b/src/assets/global.scss
index 3df028e..dbd2268 100644
--- a/src/assets/global.scss
+++ b/src/assets/global.scss
@@ -21,11 +21,3 @@
 .search-card{
   height: 100%;
 }
-
-.card-body {
-  background-color: #fff;
-}
-
-.list-group-flush > .list-group-item {
-  background-color: #fff;
-}
\ No newline at end of file
diff --git a/src/components/AutoComplete.vue b/src/components/AutoComplete.vue
index 1f73b9a..1fd7d22 100644
--- a/src/components/AutoComplete.vue
+++ b/src/components/AutoComplete.vue
@@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     @update-values="this.$emit('update-values', this.values)"
   >
   </profile-list>
-  <div v-bind="$attrs" class="card-body">
+  <div v-bind="$attrs" class="card-body bg-white">
     <div class="row">
       <div class="col-12 col-md-4 col-lg-3 col-xl-2">
         <div class="form-control-plaintext form-control-sm">Eintrag hinzufügen:</div>
@@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
         <div v-if="searchResults">
           <ul class="list-group">
             <li
-              class="list-group-item"
+              class="list-group-item bg-white"
               v-for="result in searchResults"
               :key="result.id"
               @click="addResult(result)"
diff --git a/src/components/Paginator.vue b/src/components/Paginator.vue
index 31d14ca..20ce388 100644
--- a/src/components/Paginator.vue
+++ b/src/components/Paginator.vue
@@ -14,6 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     >
       <span
         class="page-link pointer"
+        :class="{ 'bg-white': page !== current }"
         @click="onPageClicked(page)"
       >
         {{ page }}
diff --git a/src/components/ProfileList.vue b/src/components/ProfileList.vue
index bd621d1..7fecd80 100644
--- a/src/components/ProfileList.vue
+++ b/src/components/ProfileList.vue
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 <template>
   <ul class="list-group list-group-flush">
     <li
-      class="list-group-item"
+      class="list-group-item bg-white"
       v-for="(value, valueKey) in values"
       :key="value.id"
     >
diff --git a/src/components/SearchResult.vue b/src/components/SearchResult.vue
index 8f97e78..4ac7996 100644
--- a/src/components/SearchResult.vue
+++ b/src/components/SearchResult.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     class="text-decoration-none d-flex"
     :to="{ path: `/s/profile/${profile.user_id}` }"
   >
-    <div class="card w-100">
+    <div class="card w-100 bg-white">
       <div class="card-body d-flex">
         <div class="d-flex align-items-center justify-content-center me-3">
           <Avatar :name="profile.nickname"/>
diff --git a/src/components/profile/Section.vue b/src/components/profile/Section.vue
index 8deb2df..4159c18 100644
--- a/src/components/profile/Section.vue
+++ b/src/components/profile/Section.vue
@@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     </h3>
     <div class="card w-100">
       <slot name="card-body">
-        <div class="card-body">
+        <div class="card-body bg-white">
           <slot></slot>
         </div>
       </slot>
diff --git a/src/views/profile/Edit.vue b/src/views/profile/Edit.vue
index fb70cc0..af44aa7 100644
--- a/src/views/profile/Edit.vue
+++ b/src/views/profile/Edit.vue
@@ -167,7 +167,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
             </Section>
 
             <Section title="Sonstiges">
-              <div class="mb-3">
+              <div class="mb-3 bg-white">
                 <label class="form-label">Über mich</label>
                 <textarea
                   class="form-control"