Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 14:16:39 +01:00
Code Issues Projects Releases Packages Wiki Activity

Revert back to 88px

Browse source
This commit is contained in:
Lim Chee Aun 2024-03-31 20:47:43 +08:00
parent 2b6beee875
commit 1004a5f176
3 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app.css
View file

@ -295,7 +295,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
video, video,
img, img,
audio { audio {
min-height: var(--pointer-min-dimension); /* for extreme dimensions */ min-height: var(--min-dimension); /* for extreme dimensions */
} }
} }
} }

8
src/components/status.css
View file

@ -908,7 +908,7 @@
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
gap: 2px; gap: 2px;
/* height: 160px; */ /* height: 160px; */
min-height: var(--pointer-min-dimension); min-height: var(--min-dimension);
height: auto; height: auto;
max-height: max(160px, 33vh); max-height: max(160px, 33vh);
} }
@ -1037,9 +1037,9 @@
.status .media-container.media-eq1 .media { .status .media-container.media-eq1 .media {
display: inline-block; display: inline-block;
max-width: 100% !important; max-width: 100% !important;
min-width: var(--pointer-min-dimension); min-width: var(--min-dimension);
/* width: auto; */ /* width: auto; */
min-height: var(--pointer-min-dimension); min-height: var(--min-dimension);
/* --maxAspectHeight: max(160px, 33vh); /* --maxAspectHeight: max(160px, 33vh);
--aspectWidth: calc(--width / --height * var(--maxAspectHeight)); */ --aspectWidth: calc(--width / --height * var(--maxAspectHeight)); */
width: min(var(--aspectWidth), var(--width), 100%); width: min(var(--aspectWidth), var(--width), 100%);
@ -1300,7 +1300,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
:is(.status, .media-post) .media-audio { :is(.status, .media-post) .media-audio {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: var(--pointer-min-dimension); min-height: var(--min-dimension);
background-image: radial-gradient( background-image: radial-gradient(
circle at center center, circle at center center,
transparent, transparent,

8
src/index.css
View file

@ -109,13 +109,7 @@
--timing-function: cubic-bezier(0.3, 0.5, 0, 1); --timing-function: cubic-bezier(0.3, 0.5, 0, 1);
--spring-timing-funtion: cubic-bezier(0.175, 0.885, 0.32, 1.275); --spring-timing-funtion: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--pointer-min-dimension: 88px; --min-dimension: 88px;
}
@media (pointer: fine) {
:root {
--pointer-min-dimension: 44px;
}
} }
@media (min-resolution: 2dppx) { @media (min-resolution: 2dppx) {