providers have no borders

e-motion-apps · Nov 25, 2023 · 06209c0 · 06209c0
1 parent a6c3d65
commit 06209c0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/resources/js/Shared/Components/City.vue b/resources/js/Shared/Components/City.vue
@@ -201,7 +201,7 @@ function toggleProvidersForm() {
         <div v-for="provider in filteredSelectedCityProviders.slice(0, 3)" :key="provider.name"
              :style="{ 'background-color': selectedCityProviders.includes(provider.name) ? provider.color : '' }"
              :class="selectedCityProviders.includes(provider.name) ? 'border-zinc-600 drop-shadow-lg' : 'hidden'"
-             class="m-1 mr-5 flex h-5 w-fit scale-[1.75] items-center justify-center rounded border border-zinc-300 bg-zinc-300 p-1"
+             class="m-1 mr-5 flex h-5 w-fit scale-[1.75] items-center justify-center rounded  bg-zinc-300 p-1"
         >
           <img class="w-5" :src="'/providers/' + provider.name.toLowerCase() + '.png'" :title="provider.name" alt="">
         </div>

diff --git a/resources/js/Shared/Components/ProviderIcons.vue b/resources/js/Shared/Components/ProviderIcons.vue
@@ -16,7 +16,7 @@ function getProviderColor(providerName) {
   <div class="mb-2 mr-3 mt-4 flex w-fit flex-row-reverse flex-wrap items-center justify-end sm:mt-0 sm:justify-start">
     <div v-for="cityProvider in item.cityProviders" :key="cityProvider.provider_name">
       <div :style="{ 'background-color': getProviderColor(cityProvider.provider_name) }"
-           class="m-3 mr-5 flex h-7 w-fit shrink-0 scale-150 items-center justify-center rounded-md border border-zinc-300 p-1 lg:h-8"
+           class="m-3 mr-5 flex h-7 w-fit shrink-0 scale-150 items-center justify-center rounded-md p-1 lg:h-8"
       >
         <img loading="lazy" class="w-7 lg:w-8" :src="'/providers/' + cityProvider.provider_name.toLowerCase() + '.png'" alt="">
       </div>