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

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-template-columns: 1fr 1fr;
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
gap: 2px; 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; min-height: 44px;
height: auto; height: auto;
max-height: 160px; 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%; width: 85%;
min-width: 160px; min-width: 160px;
max-height: 200px; max-height: 200px;
} }
.status .media-container.media-gt2 { .status .media-container.media-gt2 {
height: 200px; /* height: 200px; */
max-height: max(200px, 50vh);
} }
.status.large :is(.media-container, .media-container.media-gt2) { .status.large :is(.media-container, .media-container.media-gt2) {
height: auto; height: auto;