ismailforgejo
/
nordicstorium
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed footer line

This commit is contained in:
ismail 2026-02-02 20:37:12 +01:00
parent 0bd38101b4
commit 6bed47d3a0
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/styles/components/Footer.css
View File

@ -113,39 +113,47 @@
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto; grid-template-rows: auto auto;
/* Two main cols, then copyright row */ gap: 1rem 0;
gap: 1rem;
text-align: center; text-align: center;
position: relative;
}
/* Centered vertical divider using pseudo-element */
.footer__content::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: calc(100% - 3rem);
/* Stop before copyright */
background: rgba(0, 0, 0, 0.1);
} }
.footer__links { .footer__links {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
/* Center horizontally in the half */
justify-content: flex-start; justify-content: flex-start;
padding-right: 0.5rem; padding-right: 1rem;
border-right: 2px solid rgba(0, 0, 0, 0.1);
margin-bottom: 0; margin-bottom: 0;
} }
.footer__contact-details { .footer__contact-details {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
/* Center horizontally in the half */
justify-content: flex-start; justify-content: flex-start;
padding-left: 0.5rem; padding-left: 1rem;
text-align: center; text-align: center;
margin-bottom: 0; margin-bottom: 0;
} }
.footer__copyright { .footer__copyright {
grid-column: 1 / -1; grid-column: 1 / -1;
/* Span full width at bottom */
width: 100%; width: 100%;
text-align: center; text-align: center;
padding-top: 1rem; padding-top: 1rem;
border-top: 2px solid rgba(0, 0, 0, 0.05); border-top: 2px solid rgba(0, 0, 0, 0.05);
/* Optional top separator */
} }
/* Reset text alignments to center */ /* Reset text alignments to center */