fix: ring instead of border around add to wishlist button (#2836)

Signed-off-by: Jakub Freisler <[email protected]>
vuestorefront · Jun 16, 2023 · fad8536 · fad8536
1 parent 3ab39a2
commit fad8536
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/apps/preview/next/pages/showcases/ProductCard/ProductCardVertical.tsx b/apps/preview/next/pages/showcases/ProductCard/ProductCardVertical.tsx
@@ -20,7 +20,7 @@ export default function ProductCardVertical() {
           variant="tertiary"
           size="sm"
           square
-          className="absolute bottom-0 right-0 mr-2 mb-2 bg-white border border-neutral-200 !rounded-full"
+          className="absolute bottom-0 right-0 mr-2 mb-2 bg-white ring-1 ring-inset ring-neutral-200 !rounded-full"
           aria-label="Add to wishlist"
         >
           <SfIconFavorite size="sm" />

diff --git a/apps/preview/next/pages/showcases/ProductSlider/Basic.tsx b/apps/preview/next/pages/showcases/ProductSlider/Basic.tsx
@@ -71,7 +71,7 @@ export default function GalleryVertical() {
       {products.map(({ id, name, price, img }) => (
         <div
           key={id}
-          className="first:ms-auto last:me-auto border border-neutral-200 shrink-0 rounded-md hover:shadow-lg w-[148px] lg:w-[192px]"
+          className="first:ms-auto last:me-auto ring-1 ring-inset ring-neutral-200 shrink-0 rounded-md hover:shadow-lg w-[148px] lg:w-[192px]"
         >
           <div className="relative">
             <SfLink href="#">

diff --git a/apps/preview/nuxt/pages/showcases/ProductCard/ProductCardVertical.vue b/apps/preview/nuxt/pages/showcases/ProductCard/ProductCardVertical.vue
@@ -15,7 +15,7 @@
         variant="tertiary"
         size="sm"
         square
-        class="absolute bottom-0 right-0 mr-2 mb-2 bg-white border border-neutral-200 !rounded-full"
+        class="absolute bottom-0 right-0 mr-2 mb-2 bg-white ring-1 ring-inset ring-neutral-200 !rounded-full"
         aria-label="Add to wishlist"
       >
         <SfIconFavorite size="sm" />

diff --git a/apps/preview/nuxt/pages/showcases/ProductSlider/Basic.vue b/apps/preview/nuxt/pages/showcases/ProductSlider/Basic.vue
@@ -36,7 +36,7 @@
           variant="tertiary"
           size="sm"
           square
-          class="absolute bottom-0 right-0 mr-2 mb-2 bg-white border border-neutral-200 !rounded-full"
+          class="absolute bottom-0 right-0 mr-2 mb-2 bg-white ring-1 ring-inset ring-neutral-200 !rounded-full"
           aria-label="Add to wishlist"
         >
           <SfIconFavorite size="sm" />