bronku/piekarnikgosipl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

about us fix

Browse source
This commit is contained in:
bronkuu 2026-04-28 10:17:11 +02:00
parent a85fcce022
commit e240ea01e9
1 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

43
style.css
View file

@ -109,7 +109,6 @@ nav > div {
.about-us { .about-us {
background-color: var(--surface-container-low); background-color: var(--surface-container-low);
max-height: calc(100vh - var(--nav-height) - 2rem);
& > div { & > div {
max-width: var(--max-content-width); max-width: var(--max-content-width);
@ -121,33 +120,27 @@ nav > div {
align-items: center; align-items: center;
& :first-child { & :first-child {
display: flex; width: 100%;
align-items: center; display: grid;
align-content: center; grid-template-columns: 1fr 1fr;
position: relative; gap: 1rem;
height: 100%;
& > img { & img {
width: 100%;
border-radius: var(--border-radius); border-radius: var(--border-radius);
border: 0.5rem solid var(--surface); position: relative;
position: absolute;
max-height: 80%;
&:first-child {
aspect-ratio: 1031/580;
height: auto;
right: 20%;
bottom: 10%;
} }
&:last-child { & div:first-child > img {
aspect-ratio: 1/1; top: -1rem;
height: auto;
z-index: 10;
left: 50%;
top: 10%;
} }
& div:last-child > img {
top: 1rem;
} }
} }
& :last-child { & :last-child {
@ -174,6 +167,7 @@ nav > div {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
gap: 3rem; gap: 3rem;
& > div { & > div {
width: 100%; width: 100%;
@ -216,11 +210,14 @@ nav > div {
top: 0; top: 0;
transition: top 0.2s; transition: top 0.2s;
&:hover { &:hover {
top: -10px; top: -10px;
& img { & img {
scale: 1.1; scale: 1.1;
} }
& svg { & svg {
margin-left: 10px; margin-left: 10px;
} }
@ -238,11 +235,13 @@ nav > div {
.kawiarnia { .kawiarnia {
background-color: var(--secondary-container); background-color: var(--secondary-container);
& > div { & > div {
background-color: rgb(from var(--surface) r g b / 0.6); background-color: rgb(from var(--surface) r g b / 0.6);
max-width: var(--max-content-width); max-width: var(--max-content-width);
margin: 6rem auto; margin: 6rem auto;
border-radius: var(--border-radius); border-radius: var(--border-radius);
& > div { & > div {
padding: 4rem; padding: 4rem;
display: grid; display: grid;
@ -292,9 +291,11 @@ nav > div {
} }
& div:first-child > img { & div:first-child > img {
top: -1rem; top: -1rem;
} }
& div:last-child > img { & div:last-child > img {
top: 1rem; top: 1rem;
} }