Magang-2025/Undangan
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

box shadow

Browse Source
This commit is contained in:
Muzakki Parsaoran Siregar 2025-09-01 16:29:59 +07:00
parent ddea7e321f
commit ef91b38fa5
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
proyek-frontend/app/components/landing-page/header.vue
View File

@ -29,7 +29,7 @@ const navLinks = ref([
<style scoped> <style scoped>
.main-header { .main-header {
background-color: #eaf2ff; /* Warna biru muda */ background-color: #eaf2ff;
padding: 15px 0; padding: 15px 0;
border-bottom: 1px solid #d4e3ff; border-bottom: 1px solid #d4e3ff;
width: 100%; width: 100%;
@ -49,18 +49,18 @@ const navLinks = ref([
align-items: center; align-items: center;
font-weight: bold; font-weight: bold;
font-size: 1.5rem; font-size: 1.5rem;
color: #0d6efd; /* Biru Primer */ color: #0d6efd;
} }
.logo-icon { .logo-icon {
width: 40px; /* Sesuaikan ukuran logo */ width: 40px;
margin-right: 10px; margin-right: 10px;
} }
.nav-links { .nav-links {
list-style: none; list-style: none;
display: flex; display: flex;
gap: 30px; /* Jarak antar menu */ gap: 30px;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -73,6 +73,6 @@ const navLinks = ref([
} }
.nav-links a:hover { .nav-links a:hover {
color: #0d6efd; /* Warna biru saat di-hover */ color: #0d6efd;
} }
</style> </style>

1
proyek-frontend/app/components/landing-page/howtosection.vue
View File

@ -83,6 +83,7 @@ const steps = [
.howto-card:hover { .howto-card:hover {
transform: translateY(-4px); transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
} }
.card-icon { .card-icon {