ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: what about on small screens you

Browse source
This commit is contained in:
Ayo Ayco 2025-03-02 10:32:42 +01:00
parent 94dfdd2ab9
commit 449d1e8f0e
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/layouts/App.astro
View file

@ -90,22 +90,19 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
#app-wrapper { #app-wrapper {
padding: 0.5em 0.5em 10em; padding: 0.5em 0.5em 10em;
--app-width: 650px; --app-width: 650px;
width: 100%;
max-width: var(--app-width); max-width: var(--app-width);
width: 100%;
display: grid; display: grid;
gap: 1em; gap: 1em;
#main-content { #main-content {
width: 100%;
max-width: calc(var(--app-width) - 2em); max-width: calc(var(--app-width) - 2em);
padding: 0 1em; padding: 0 1em;
& img, @media (max-width: 650px) {
& picture, max-width: calc(100vw - 2em);
& video, }
& canvas,
& svg,
& iframe,
& table { & table {
overflow-x: auto; overflow-x: auto;
display: block; display: block;