good
This commit is contained in:
@@ -40,10 +40,10 @@
|
||||
<!-- Success Indicator -->
|
||||
<div class="mb-xl relative">
|
||||
<div class="w-24 h-24 bg-primary-fixed rounded-full flex items-center justify-center text-primary-container shadow-[0_0_40px_rgba(0,105,72,0.2)]">
|
||||
<x-icon name="check_circle" class="w-12 h-12 text-primary-container" />
|
||||
<x-app-icon name="check_circle" class="w-12 h-12 text-primary-container" />
|
||||
</div>
|
||||
<!-- Decorative Sparks -->
|
||||
<div class="absolute -top-2 -right-2 text-primary opacity-50"><x-icon name="auto_awesome" class="w-5 h-5" /></div>
|
||||
<div class="absolute -top-2 -right-2 text-primary opacity-50"><x-app-icon name="auto_awesome" class="w-5 h-5" /></div>
|
||||
</div>
|
||||
|
||||
<!-- Typography Block -->
|
||||
@@ -61,15 +61,15 @@
|
||||
</div>
|
||||
<button class="flex items-center gap-2 text-primary font-label-md text-label-md hover:bg-primary-container/10 px-md py-sm rounded-full transition-colors active:scale-95" onclick="copyCode()">
|
||||
<span id="copyIcon" class="inline-flex">
|
||||
<x-icon name="content_copy" class="w-5 h-5" data-icon="content_copy" />
|
||||
<x-app-icon name="content_copy" class="w-5 h-5" data-icon="content_copy" />
|
||||
</span>
|
||||
<span id="copyText">Kody göçür</span>
|
||||
</button>
|
||||
<template id="icon-check">
|
||||
<x-icon name="check" class="w-5 h-5" />
|
||||
<x-app-icon name="check" class="w-5 h-5" />
|
||||
</template>
|
||||
<template id="icon-content_copy">
|
||||
<x-icon name="content_copy" class="w-5 h-5" />
|
||||
<x-app-icon name="content_copy" class="w-5 h-5" />
|
||||
</template>
|
||||
</div>
|
||||
<!-- Shadow Depth -->
|
||||
@@ -85,7 +85,7 @@
|
||||
|
||||
<!-- Info Card -->
|
||||
<div class="mt-2xl w-full max-w-sm bg-secondary-container/30 border border-secondary-container rounded-lg p-md flex gap-md items-start">
|
||||
<x-icon name="info" class="w-6 h-6 text-secondary shrink-0" />
|
||||
<x-app-icon name="info" class="w-6 h-6 text-secondary shrink-0" />
|
||||
<p class="font-body-sm text-body-sm text-on-secondary-container">
|
||||
Bu kupon diňe öňümizdäki 24 sagadyň dowamynda hereket edýär. Arzanladyşdan peýdalanmak üçin töleg wagtynda ulanmagy ýatdan çykarmaň.
|
||||
</p>
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
@enderror
|
||||
|
||||
<div class="flex items-start gap-sm bg-secondary-container/30 p-md rounded border border-secondary-container">
|
||||
<x-icon name="info" class="w-6 h-6 text-on-secondary-container mt-0.5" />
|
||||
<x-app-icon name="info" class="w-6 h-6 text-on-secondary-container mt-0.5" />
|
||||
<p class="font-body-sm text-body-sm text-on-secondary-container">
|
||||
Tassyklaýyş maksady bilen size bir SMS kod iberiler.
|
||||
</p>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
|
||||
@section('header-back')
|
||||
<a href="{{ route('verification.index') }}" class="hover:opacity-80 transition-opacity active:scale-95 transition-transform flex items-center justify-center p-2 rounded-full">
|
||||
<x-icon name="arrow_back" class="w-6 h-6 text-primary" />
|
||||
<x-app-icon name="arrow_back" class="w-6 h-6 text-primary" />
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<!-- Hero Content -->
|
||||
<div class="mt-2xl text-center">
|
||||
<div class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-secondary-container mb-lg">
|
||||
<x-icon name="app_registration" class="w-10 h-10 text-primary" />
|
||||
<x-app-icon name="app_registration" class="w-10 h-10 text-primary" />
|
||||
</div>
|
||||
<h2 class="font-headline-xl text-headline-xl text-on-surface mb-sm">Belgiňizi tassyklaň</h2>
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
|
||||
<!-- Actions -->
|
||||
<div class="mt-2xl space-y-md">
|
||||
<button type="button" id="verify-btn" class="glow-button w-full h-14 bg-primary text-on-primary font-label-md text-label-md rounded-full hover:opacity-90 active:scale-[0.98] transition-all">
|
||||
<button type="submit" id="verify-btn" class="glow-button w-full h-14 bg-primary text-on-primary font-label-md text-label-md rounded-full hover:opacity-90 active:scale-[0.98] transition-all">
|
||||
Tassykla
|
||||
</button>
|
||||
</div>
|
||||
@@ -84,7 +84,7 @@
|
||||
<!-- Info Card -->
|
||||
<div class="mt-auto mb-xl p-md rounded border border-outline-variant bg-surface-container-low">
|
||||
<div class="flex gap-sm">
|
||||
<x-icon name="info" class="w-6 h-6 text-on-surface-variant" />
|
||||
<x-app-icon name="info" class="w-6 h-6 text-on-surface-variant" />
|
||||
<p class="font-body-sm text-body-sm text-on-surface-variant">
|
||||
SMS kody 2 minutdan 5 minuda çenli baryp biler, garaşmagyňyzy Sizden haýyş edýäris.
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user