Small fixes (large-old, border, group/button)

WordPress · Mar 23, 2023 · 89b2e49 · 89b2e49
1 parent 41b6189
commit 89b2e49
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/VHeader/VHeaderMobile/VSearchBarButton.vue b/frontend/src/components/VHeader/VHeaderMobile/VSearchBarButton.vue
@@ -6,7 +6,7 @@
   >
     <template #default="{ iconSize }">
       <span
-        class="relative flex flex-shrink-0 flex-grow-0 items-center justify-center rounded-sm group-focus-visible:ring group-focus-visible:ring-pink group-active:ring group-active:ring-pink"
+        class="relative flex flex-shrink-0 flex-grow-0 items-center justify-center rounded-sm group-focus-visible/button:ring group-focus-visible/button:ring-pink group-active/button:ring group-active/button:ring-pink"
         :class="[`h-${innerSize} w-${innerSize}`, innerAreaClasses]"
       >
         <VIcon

diff --git a/frontend/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue b/frontend/src/components/VHeader/VSearchBar/VStandaloneSearchBar.vue
@@ -35,7 +35,7 @@
       :variant="isHomeRoute ? 'primary' : 'plain'"
       class="h-full w-14 flex-shrink-0 transition-none rounded-s-none sm:w-16"
       :class="{
-        'search-button border-black p-0.5px ps-1.5px hover:bg-pink hover:text-white focus:border-tx focus-visible:bg-pink focus-visible:text-white group-focus-within:border-tx group-focus-within:bg-pink group-focus-within:text-white group-focus-within:hover:bg-dark-pink group-hover:border-tx group-hover:bg-pink group-hover:text-white group-focus:border-tx':
+        'search-button border border-black p-0.5px ps-1.5px hover:bg-pink hover:text-white focus:border-tx focus-visible:bg-pink focus-visible:text-white group-focus-within:border-tx group-focus-within:bg-pink group-focus-within:text-white group-focus-within:hover:bg-dark-pink group-hover:border-tx group-hover:bg-pink group-hover:text-white group-focus:border-tx':
           !isHomeRoute,
       }"
     >

diff --git a/frontend/src/components/VLoadMore.vue b/frontend/src/components/VLoadMore.vue
@@ -1,7 +1,7 @@
 <template>
   <VButton
     v-show="canLoadMore"
-    size="large"
+    size="large-old"
     variant="full"
     :disabled="isFetching"
     data-testid="load-more"

diff --git a/frontend/src/pages/image/_id/index.vue b/frontend/src/pages/image/_id/index.vue
@@ -32,7 +32,7 @@
         as="VLink"
         :href="image.foreign_landing_url"
         class="description-bold md:heading-6 mb-4 w-full flex-initial self-center md:mb-0 md:w-max"
-        size="large"
+        size="large-old"
       >
         {{ $t("image-details.weblink") }}
         <VIcon