mirror of
https://github.com/Steffo99/steffoweb.git
synced 2024-11-21 15:44:31 +00:00
Fix mobile
This commit is contained in:
parent
1af7a63d34
commit
1fd1fb5eba
3 changed files with 24 additions and 6 deletions
|
@ -1,6 +1,16 @@
|
|||
.flipPanelContainer {
|
||||
max-width: 476px;
|
||||
@media (max-width: 492px) {
|
||||
.flipPanelContainer {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 492px) {
|
||||
.flipPanelContainer {
|
||||
max-width: 476px;
|
||||
}
|
||||
}
|
||||
|
||||
.flipPanelContainer {
|
||||
display: flex;
|
||||
justify-content: stretch;
|
||||
align-items: stretch;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
.projectsList {
|
||||
max-height: 500px;
|
||||
flex-grow: 0;
|
||||
flex-basis: 500px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
overflow-y: scroll;
|
||||
|
||||
|
|
|
@ -7,8 +7,16 @@
|
|||
@import 'node_modules/@steffo/bluelib/dist/fonts-fira-ghpages.root.css';
|
||||
@import 'node_modules/@fortawesome/fontawesome-svg-core/styles.css';
|
||||
|
||||
.panel {
|
||||
max-width: 476px;
|
||||
@media (max-width: 492px) {
|
||||
.panel {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 492px) {
|
||||
.panel {
|
||||
max-width: 476px;
|
||||
}
|
||||
}
|
||||
|
||||
.panel .panel {
|
||||
|
|
Loading…
Reference in a new issue