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

mobile layout work

Browse source
This commit is contained in:
bronku 2026-06-09 19:02:42 +02:00
parent 9ff9e59a8c
commit 94bc964e34
11 changed files with 348 additions and 203 deletions
Download patch file Download diff file Expand all files Collapse all files

27
css/wyroby_torty.css
View file

@ -5,20 +5,16 @@
#rodzaje-tortow {
display: grid;
grid-template-columns: repeat(4, 1fr);
@media (max-width: 786px) {
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
gap: 2rem;
& > div {
}
}
#cennik-tortow {
display: grid;
grid-template-columns: 2fr 1fr;
@media (max-width: 786px) {
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
gap: 2rem;
@ -31,7 +27,6 @@
& > span:last-child {
font-weight: bold;
color: var(--primary);
}
&:not(:last-child) {
@ -44,7 +39,8 @@
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
& > h3, & > svg {
& > h3,
& > svg {
padding: 1rem;
}
@ -54,7 +50,6 @@
place-self: center;
}
& > ul {
overflow: hidden;
border: 1px solid var(--surface-container-highest);
@ -67,13 +62,14 @@
&:first-child {
font-weight: bold;
background-color: rgb(from var(--secondary-container) r g b / 30%);
background-color: rgb(
from var(--secondary-container) r g b / 30%
);
& > span:last-child {
color: black;
}
}
}
}
}
@ -81,7 +77,6 @@
& > div:last-child > ul > li {
padding: 0.75rem 0;
}
}
#menu-smakow {
@ -124,8 +119,6 @@
padding-top: 0.25rem;
color: var(--on-surface-variant);
}
}
}
@ -163,7 +156,7 @@
gap: 2rem;
}
@media (max-width: 786px) {
@media (max-width: 768px) {
grid-template-columns: 1fr;
& > div {
grid-template-columns: 1fr;
@ -171,7 +164,8 @@
}
& h4 {
font-family: 'Plus Jakarta Sans', sans-serif; /* Modern font for titles */
font-family:
"Plus Jakarta Sans", sans-serif; /* Modern font for titles */
font-weight: 700;
margin-bottom: 0.5rem;
letter-spacing: 1px;
@ -184,5 +178,4 @@
opacity: 0.8;
}
}
}