wah.su/wahs.wah.su
1
0
Fork 0
mirror of https://github.com/wah-su/wahs.wah.su.git synced 2025-04-05 15:54:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: video size fr

Browse source
This commit is contained in:
Kentai Radiquum 2025-02-10 00:56:06 +05:00
parent ccb733141b
commit 3e1eb0eb19
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/static/Placeholders.js
View file

@ -2,7 +2,7 @@ function Placeholder() {
const placeholderRoot = document.createElement("div"); const placeholderRoot = document.createElement("div");
placeholderRoot.dataset.type = "placeholder__image__container"; placeholderRoot.dataset.type = "placeholder__image__container";
placeholderRoot.className = placeholderRoot.className =
"relative aspect-square min-w-48 min-h-48 sm:min-w-auto rounded-sm overflow-hidden"; "relative aspect-square min-w-48 min-h-48 w-full h-full rounded-sm overflow-hidden ";
const placeholderImage = document.createElement("a"); const placeholderImage = document.createElement("a");
placeholderImage.dataset.type = "placeholder__image"; placeholderImage.dataset.type = "placeholder__image";
@ -37,7 +37,7 @@ function PlaceholderVid() {
const placeholderRoot = document.createElement("div"); const placeholderRoot = document.createElement("div");
placeholderRoot.dataset.type = "placeholder__video__container"; placeholderRoot.dataset.type = "placeholder__video__container";
placeholderRoot.className = placeholderRoot.className =
"relative aspect-square w-full h-full rounded-sm flex-shrink-0"; "relative aspect-square min-w-48 min-h-48 w-full h-full rounded-sm overflow-hidden ";
const placeholderVid = document.createElement("video"); const placeholderVid = document.createElement("video");
placeholderVid.dataset.type = "placeholder__video"; placeholderVid.dataset.type = "placeholder__video";

3
src/static/tailwind.css
View file

@ -689,9 +689,6 @@
.min-w-48 { .min-w-48 {
min-width: calc(var(--spacing) * 48); min-width: calc(var(--spacing) * 48);
} }
.flex-0 {
flex: 0;
}
.flex-shrink { .flex-shrink {
flex-shrink: 1; flex-shrink: 1;
} }

2
src/templates/Components/PlaceHolder.tsx
View file

@ -2,7 +2,7 @@ export default function Placeholder(props: { isMobileHidden?: boolean }) {
return ( return (
<div <div
data-type="placeholder__image__container" data-type="placeholder__image__container"
className={`relative aspect-square min-w-48 min-h-48 sm:min-w-auto rounded-sm overflow-hidden ${ className={`relative aspect-square w-full h-full max-w-48 max-h-48 sm:max-w-none sm:max-h-none rounded-sm overflow-hidden flex-shrink-0 ${
props.isMobileHidden ? "hidden xl:block" : "" props.isMobileHidden ? "hidden xl:block" : ""
}`} }`}
> >

2
src/templates/Components/PlaceHolderVid.tsx
View file

@ -2,7 +2,7 @@ export default function PlaceholderVid(props: { isMobileHidden?: boolean }) {
return ( return (
<div <div
data-type="placeholder__video__container" data-type="placeholder__video__container"
className={`relative aspect-square w-full h-full max-w-48 max-h-48 sm:max-w-none sm:max-h-none rounded-sm flex-shrink-0 ${ className={`relative aspect-square w-full h-full max-w-48 max-h-48 sm:max-w-none sm:max-h-none rounded-sm overflow-hidden flex-shrink-0 ${
props.isMobileHidden ? "hidden xl:block" : "" props.isMobileHidden ? "hidden xl:block" : ""
}`} }`}
> >