nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Experiment with larger-height media

Browse source 
And few adjustments
This commit is contained in:
Lim Chee Aun 2023-04-19 09:43:35 +08:00
parent 8ad4214850
commit 37a5c09fde
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/status.css
View file

@ -478,20 +478,25 @@
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
gap: 2px;
height: 160px;
/* height: 160px; */
min-height: 44px;
height: auto;
max-height: max(160px, 33vh);
}
.status .media-container.media-eq1 {
/* .status .media-container.media-eq1 {
min-height: 44px;
height: auto;
max-height: 160px;
}
.status .media-container.media-eq1:has([data-orientation='portrait']) {
} */
.status:not(.large)
.media-container.media-eq1:has([data-orientation='portrait']) {
width: 85%;
min-width: 160px;
max-height: 200px;
}
.status .media-container.media-gt2 {
height: 200px;
/* height: 200px; */
max-height: max(200px, 50vh);
}
.status.large :is(.media-container, .media-container.media-gt2) {
height: auto;