matt/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
All checks were successful
build-website / build (push) Successful in 1m28s
Details

Browse Source
This commit is contained in:
matt
2025-09-19 00:35:05 +02:00
parent a806dd8560
commit 6ff4574558
2 changed files with 81 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
apps/website/assets/css/main.css
View File

@@ -119,23 +119,71 @@ html {
} }
.btn-secondary-warm { .btn-secondary-warm {
@apply px-8 py-3 bg-transparent border-2 border-harbor-gold text-harbor-gold font-semibold rounded-full; display: inline-flex;
@apply hover:bg-harbor-gold hover:text-white transition-all duration-300; align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.75rem;
border-radius: 9999px;
font-weight: 600;
letter-spacing: 0.01em;
background: rgba(255, 255, 255, 0.12);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.35);
backdrop-filter: blur(12px);
transition: all 0.3s ease;
}
.btn-secondary-warm:hover {
background: rgba(255, 255, 255, 0.24);
border-color: rgba(255, 255, 255, 0.55);
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(12, 35, 64, 0.25);
} }
.btn-booking { .btn-booking {
@apply inline-flex items-center justify-center px-6 py-3 rounded-lg font-semibold; display: inline-flex;
@apply transition-all duration-300 transform hover:-translate-y-1; align-items: center;
justify-content: center;
width: 100%;
padding: 0.75rem 1.5rem;
border-radius: 0.75rem;
font-weight: 600;
transition: all 0.3s ease;
background: rgba(255, 255, 255, 0.14);
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.35);
backdrop-filter: blur(10px);
}
.btn-booking:hover {
background: rgba(255, 255, 255, 0.4);
color: #10213c;
border-color: rgba(255, 255, 255, 0.7);
} }
.btn-booking.primary { .btn-booking.primary {
@apply bg-gradient-to-r from-harbor-gold to-harbor-yellow text-white; background: #ffffff;
@apply hover:shadow-2xl hover:from-harbor-amber hover:to-harbor-gold; color: #b48b4e;
border-color: #ffffff;
box-shadow: 0 10px 25px rgba(180, 139, 78, 0.25);
}
.btn-booking.primary:hover {
background: linear-gradient(135deg, #b48b4e 0%, #c9a56f 100%);
color: #ffffff;
border-color: transparent;
} }
.btn-booking.secondary { .btn-booking.secondary {
@apply bg-white text-harbor-navy border-2 border-harbor-gold; background: rgba(255, 255, 255, 0.12);
@apply hover:bg-harbor-gold hover:text-white hover:border-harbor-gold; color: #ffffff;
border-color: rgba(255, 255, 255, 0.35);
}
.btn-booking.secondary:hover {
background: #ffffff;
color: #10213c;
border-color: #ffffff;
} }
/* Card Styles */ /* Card Styles */

29
apps/website/assets/css/voyage-layout.css
View File

@@ -178,7 +178,13 @@ img {
/* Star rating icons */ /* Star rating icons */
.stars-icons { .stars-icons {
display: inline-flex; display: inline-flex;
gap: 2px; flex-direction: row;
align-items: center;
gap: 0.4rem;
}
.stars-icons svg {
display: inline-block;
} }
.star-filled { .star-filled {
@@ -1067,8 +1073,8 @@ html {
/* Service Stats */ /* Service Stats */
.service-stats { .service-stats {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-md); gap: clamp(1.5rem, 4vw, 3rem);
margin-top: var(--space-xl); margin-top: var(--space-xl);
padding: var(--space-lg); padding: var(--space-lg);
background: white; background: white;
@@ -1076,9 +1082,24 @@ html {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
} }
@media (max-width: 1024px) {
.service-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.service-stats {
grid-template-columns: 1fr;
}
}
.stat-item { .stat-item {
display: flex;
flex-direction: column;
gap: 0.4rem;
align-items: center;
text-align: center; text-align: center;
padding: var(--space-md);
} }
.stat-icon { .stat-icon {