redi/astro_avtourist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update button styles in ReviewForm and lock icon in AuthLockBlock

Browse source
This commit is contained in:
Web-serfer 2026-04-27 21:42:03 +05:00
parent 8f9a6969d2
commit 9d83f10d1b
2 changed files with 14 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/components/base/AuthLockBlock.astro
View file

@ -28,16 +28,15 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
data-delay={delay}
>
<div class="lock-icon-container">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lock-icon">
<rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
<svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
</svg>
</div>
<h3 class="lock-title">{title}</h3>
<p class="lock-text">{description}</p>
<a href={buttonHref} class="auth-button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="button-icon">
<path d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/>
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/>
</svg>
{buttonText}
</a>
@ -78,9 +77,7 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
margin-bottom: 1.5rem;
box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.15);
}
.lock-icon { width: 2rem; height: 2rem; }
.lock-title {
color: #0f172a;
font-size: 1.375rem;
@ -116,12 +113,6 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}
.button-icon {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.5rem;
}
.auth-hint {
margin: 1.25rem 0 0;
color: #64748b;
@ -157,11 +148,5 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
font-size: 0.8125rem;
padding: 0.75rem 1rem;
}
.button-icon {
width: 1rem;
height: 1rem;
margin-right: 0.375rem;
}
}
</style>

17
frontend/src/components/reviews/ReviewForm.tsx
View file

@ -591,21 +591,22 @@ export default function ReviewForm(props: ReviewFormProps) {
justify-content: center;
gap: 0.5rem;
width: 100%;
padding: 1rem 1.5rem;
background: linear-gradient(135deg, #eac26e 0%, #ce9f40 100%);
padding: 1rem 2rem;
background: linear-gradient(135deg, #d4af37 0%, #eac26e 100%);
border: none;
border-radius: 12px;
color: #ffffff;
font-size: 1rem;
border-radius: 0.75rem;
color: #1e293b;
font-size: 1.1rem;
font-weight: 700;
cursor: pointer;
transition: all 0.3s ease;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
margin-top: 0.5rem;
}
.submit-btn:hover:not(:disabled) {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(234, 194, 110, 0.4);
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}
.submit-btn:disabled {