Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 14:52:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(Calendar): improve responsive layout

Browse source
This commit is contained in:
Tim 2024-09-24 08:56:35 +02:00
parent 184f191218
commit 3870c6a439
2 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Calendar/List/List.less
View file

@ -32,6 +32,6 @@
@media only screen and (max-width: @xsmall) and (orientation: landscape) {
.list {
width: 15rem;
display: none;
}
}

24
src/routes/Calendar/Table/Cell/Cell.less
View file

@ -28,9 +28,11 @@
.heading {
flex: none;
position: relative;
display: flex;
padding: 1rem 1rem 0 1rem;
.day {
flex: none;
position: relative;
display: flex;
align-items: center;
@ -136,6 +138,12 @@
@media only screen and (orientation: portrait) {
.cell {
gap: 0;
.heading {
justify-content: center;
}
.items {
display: none;
}
@ -152,7 +160,21 @@
align-items: center;
.heading {
padding: 0;
padding: 0 0 0 1rem;
}
}
}
@media only screen and (max-height: @xsmall) and (orientation: landscape) {
.cell {
gap: 0;
.items {
display: none;
}
.more {
display: flex;
}
}
}