Update address add button

craftcms · Oct 13, 2023 · eabb675 · eabb675
1 parent 6497a44
commit eabb675
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/example-templates/dist/shop/_private/address/list.twig b/example-templates/dist/shop/_private/address/list.twig
@@ -52,9 +52,11 @@
                 </div>
             {% endfor %}
             {% if showAdd %}
-                <a href="{{ addUrl }}" class="block rounded-lg hover:shadow-md w-full">
-                    <div class="flex items-center justify-center h-full border border-gray-200 bg-white rounded-lg shadow-sm p-4 w-full group hover:shadow-md">
-                        <span class="group-hover:underline">Add Address</span>
+                <a href="{{ addUrl }}" class="block rounded-lg border border-gray-200 bg-white hover:shadow-md w-full relative">
+                    <div class="absolute top-0 left-0 right-0 bottom-0 flex items-center">
+                        <div class="flex items-center justify-center h-full p-4 w-full group">
+                            <span class="group-hover:underline">Add Address</span>
+                        </div>
                     </div>
                 </a>
             {% endif %}

diff --git a/example-templates/src/shop/_private/address/list.twig b/example-templates/src/shop/_private/address/list.twig
@@ -52,9 +52,11 @@
                 </div>
             {% endfor %}
             {% if showAdd %}
-                <a href="{{ addUrl }}" class="block rounded-lg hover:shadow-md w-full">
-                    <div class="flex items-center justify-center h-full border border-gray-200 bg-white rounded-lg shadow-sm p-4 w-full group hover:shadow-md">
-                        <span class="group-hover:underline">Add Address</span>
+                <a href="{{ addUrl }}" class="block rounded-lg border border-gray-200 bg-white hover:shadow-md w-full relative">
+                    <div class="absolute top-0 left-0 right-0 bottom-0 flex items-center">
+                        <div class="flex items-center justify-center h-full p-4 w-full group">
+                            <span class="group-hover:underline">Add Address</span>
+                        </div>
                     </div>
                 </a>
             {% endif %}