+1 -1

src/app.css

reviewed

··· 295 295 video, 296 296 img, 297 297 audio { 298 298 - min-height: var(--pointer-min-dimension); /* for extreme dimensions */ 298 298 + min-height: var(--min-dimension); /* for extreme dimensions */ 299 299 } 300 300 } 301 301 }

+4 -4

src/components/status.css

reviewed

··· 908 908 grid-auto-rows: 1fr; 909 909 gap: 2px; 910 910 /* height: 160px; */ 911 911 - min-height: var(--pointer-min-dimension); 911 911 + min-height: var(--min-dimension); 912 912 height: auto; 913 913 max-height: max(160px, 33vh); 914 914 } ··· 1037 1037 .status .media-container.media-eq1 .media { 1038 1038 display: inline-block; 1039 1039 max-width: 100% !important; 1040 1040 - min-width: var(--pointer-min-dimension); 1040 1040 + min-width: var(--min-dimension); 1041 1041 /* width: auto; */ 1042 1042 - min-height: var(--pointer-min-dimension); 1042 1042 + min-height: var(--min-dimension); 1043 1043 /* --maxAspectHeight: max(160px, 33vh); 1044 1044 --aspectWidth: calc(--width / --height * var(--maxAspectHeight)); */ 1045 1045 width: min(var(--aspectWidth), var(--width), 100%); ··· 1300 1300 :is(.status, .media-post) .media-audio { 1301 1301 width: 100%; 1302 1302 height: 100%; 1303 1303 - min-height: var(--pointer-min-dimension); 1303 1303 + min-height: var(--min-dimension); 1304 1304 background-image: radial-gradient( 1305 1305 circle at center center, 1306 1306 transparent,

+1 -7

src/index.css

reviewed

··· 109 109 --timing-function: cubic-bezier(0.3, 0.5, 0, 1); 110 110 --spring-timing-funtion: cubic-bezier(0.175, 0.885, 0.32, 1.275); 111 111 112 112 - --pointer-min-dimension: 88px; 113 113 - } 114 114 - 115 115 - @media (pointer: fine) { 116 116 - :root { 117 117 - --pointer-min-dimension: 44px; 118 118 - } 112 112 + --min-dimension: 88px; 119 113 } 120 114 121 115 @media (min-resolution: 2dppx) {