steffo/steffoweb
steffo/steffoweb
1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-21 15:44:31 +00:00
Code Activity

Fix mobile

Browse source
This commit is contained in:
Steffo 2023-05-29 05:23:51 +02:00
parent 1af7a63d34
commit 1fd1fb5eba
Signed by: steffo
GPG key ID: 2A24051445686895
3 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
components/FlipPanel.module.css
View file

@ -1,6 +1,16 @@
.flipPanelContainer { @media (max-width: 492px) {
max-width: 476px; .flipPanelContainer {
max-width: 100%;
}
}
@media (min-width: 492px) {
.flipPanelContainer {
max-width: 476px;
}
}
.flipPanelContainer {
display: flex; display: flex;
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;

4
components/ProjectsList.module.css
View file

@ -1,6 +1,6 @@
.projectsList { .projectsList {
max-height: 500px; flex-basis: 500px;
flex-grow: 0; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;
overflow-y: scroll; overflow-y: scroll;

12
pages/_app.css
View file

@ -7,8 +7,16 @@
@import 'node_modules/@steffo/bluelib/dist/fonts-fira-ghpages.root.css'; @import 'node_modules/@steffo/bluelib/dist/fonts-fira-ghpages.root.css';
@import 'node_modules/@fortawesome/fontawesome-svg-core/styles.css'; @import 'node_modules/@fortawesome/fontawesome-svg-core/styles.css';
.panel { @media (max-width: 492px) {
max-width: 476px; .panel {
max-width: 100%;
}
}
@media (min-width: 492px) {
.panel {
max-width: 476px;
}
} }
.panel .panel { .panel .panel {