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} data-delay={delay}
> >
<div class="lock-icon-container"> <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"> <svg class="w-10 h-10 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect> <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"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
</svg> </svg>
</div> </div>
<h3 class="lock-title">{title}</h3> <h3 class="lock-title">{title}</h3>
<p class="lock-text">{description}</p> <p class="lock-text">{description}</p>
<a href={buttonHref} class="auth-button"> <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"> <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<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"/> <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> </svg>
{buttonText} {buttonText}
</a> </a>
@ -78,9 +77,7 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.15); box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.15);
} }
.lock-icon { width: 2rem; height: 2rem; }
.lock-title { .lock-title {
color: #0f172a; color: #0f172a;
font-size: 1.375rem; 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); 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 { .auth-hint {
margin: 1.25rem 0 0; margin: 1.25rem 0 0;
color: #64748b; color: #64748b;
@ -157,11 +148,5 @@ const delay = typeof dataDelay === 'number' ? dataDelay : parseInt(String(dataDe
font-size: 0.8125rem; font-size: 0.8125rem;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
} }
.button-icon {
width: 1rem;
height: 1rem;
margin-right: 0.375rem;
}
} }
</style> </style>

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

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