kunthawat/moreminimore-astroreal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: remove border and box-shadow from .logo-banner (nav + footer)

Browse Source 
The logo container had a 1px gray border + 0 4px 20px drop shadow that
made it look like a floating button. User wants a flush, clean look —
keep the rounded bottom corners and white background (visual prominence)
but drop the border and shadow. Also remove the hover box-shadow
intensification.

Build: 18 pages, 0 errors
This commit is contained in:
Macky
2026-06-04 11:47:24 +07:00
parent 0f79808a43
commit 892c75b7a6
2 changed files with 0 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer.astro
View File

@@ -165,10 +165,8 @@ const serviceLinks = [
.logo-banner { .logo-banner {
background: var(--color-white); background: var(--color-white);
border: 1px solid var(--color-gray-200);
border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0;
padding: 10px 20px 10px 16px; padding: 10px 20px 10px 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
} }
.logo-img { .logo-img {

3
src/components/Navigation.astro
View File

@@ -134,16 +134,13 @@ const services = [
.logo-banner { .logo-banner {
background: var(--color-white); background: var(--color-white);
border: 1px solid var(--color-gray-200);
border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
padding: 8px 16px; padding: 8px 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.logo-banner:hover { .logo-banner:hover {
transform: scale(1.02); transform: scale(1.02);
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
} }
.nav.scrolled .logo-banner { .nav.scrolled .logo-banner {