Resizing QR code; layout changes
This commit is contained in:
1 parent
b6b0cb9a02
commit
abc982fa31
1 file changed
+2
-2
+2
-2
@@ -278,10 +278,10 @@
|
|||||||
class="absolute right-0 top-0 h-40 w-40 rounded-bl-[8rem] bg-primary/5 sm:h-64 sm:w-64 sm:rounded-bl-[12rem]">
|
class="absolute right-0 top-0 h-40 w-40 rounded-bl-[8rem] bg-primary/5 sm:h-64 sm:w-64 sm:rounded-bl-[12rem]">
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="signage-qr-card relative z-10 flex w-full max-w-sm flex-col items-center rounded-[1.75rem] border border-outline-variant/10 bg-surface-container-lowest p-8 editorial-shadow sm:rounded-[2.5rem] sm:p-10 lg:p-12">
|
class="signage-qr-card relative z-10 flex w-full max-w-sm flex-col items-center rounded-[1.75rem] border border-outline-variant/10 bg-surface-container-lowest p-8 editorial-shadow sm:rounded-[2.5rem] sm:p-6 lg:p-8">
|
||||||
<div class="mb-6 rounded-2xl border border-outline-variant/20 bg-white p-3 sm:mb-8 sm:p-4">
|
<div class="mb-6 rounded-2xl border border-outline-variant/20 bg-white p-3 sm:mb-8 sm:p-4">
|
||||||
<img alt="Scan to book consultation"
|
<img alt="Scan to book consultation"
|
||||||
class="mx-auto aspect-square h-auto w-[min(12rem,28dvh,45vi)] max-w-[min(12rem,45vi)] sm:w-[min(12rem,32dvh,40vi)]"
|
class="mx-auto aspect-square h-auto w-[160px]"
|
||||||
data-alt="High-resolution digital QR code centered on a clean white background with subtle burgundy border accents"
|
data-alt="High-resolution digital QR code centered on a clean white background with subtle burgundy border accents"
|
||||||
src="./assets/ref-mole-institute-qr-code.png">
|
src="./assets/ref-mole-institute-qr-code.png">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in new issue
Block a user