Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update doormilewings card image update

Browse Source
This commit is contained in:
Aravind
2026-07-07 21:43:02 +05:30
parent fc190343eb
commit f7bab1fe70
24 changed files with 902 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/layout/Header.tsx
View File

@@ -797,11 +797,13 @@ export default function Header() {
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
column-gap: clamp(16px, 2vw, 32px) !important;
/* Equal left/right safe areas pull the logo and Contact
button inward off the viewport edges. Because the inset
is symmetric, the 1fr side columns shrink equally and the
/* Fixed 20px safe area on both sides — matches the Hero
card and Footer's outer band exactly (both use a flat
20px inset, uncapped, at every desktop width), so the
header aligns with the rest of the page instead of
drifting wider on large screens. Symmetric, so the
centred nav does not shift. */
padding-inline: clamp(24px, 3vw, 48px) !important;
padding-inline: 20px !important;
/* Consistent top/bottom breathing room inside the bar; with
align-items:center every section stays vertically centred. */
padding-block: clamp(8px, 1vw, 16px) !important;
@@ -833,9 +835,13 @@ export default function Header() {
align-items: center !important;
}
/* navbar-right: Contact button, aligned to the right edge. */
/* navbar-right: Contact button, aligned to the right edge.
The vendor kit's own --margin-right:3% (site.css) would add
extra drift off the grid's 20px safe area — zero it so the
button's true right edge lands flush with that 20px inset. */
#masthead .elementor-element.elementor-element-f961133 {
justify-self: end !important;
margin-right: 0 !important;
}
}