enh(wall): move styles to theme

eythaann · Oct 25, 2024 · 7bf73c3 · 7bf73c3
1 parent 5a64d98
commit 7bf73c3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/src/apps/seelen_wall/modules/wallpaper/infra.tsx b/src/apps/seelen_wall/modules/wallpaper/infra.tsx
@@ -32,21 +32,13 @@ export function Wallpaper({ path, containerRef, onLoad, onError }: Props) {
   }, [stoped]);
 
   if (['.png', '.jpg', '.jpeg', '.webp', '.gif'].some((ext) => path.endsWith(ext))) {
-    wallpaper = (
-      <img
-        style={{ width: '100%', height: '100%', objectFit: 'cover' }}
-        src={convertFileSrc(path)}
-        onLoad={onLoad}
-        onError={onError}
-      />
-    );
+    wallpaper = <img src={convertFileSrc(path)} onLoad={onLoad} onError={onError} />;
   }
 
   if (['.mp4', '.mkv', '.wav'].some((ext) => path.endsWith(ext))) {
     wallpaper = (
       <video
         ref={videoRef}
-        style={{ width: '100%', height: '100%', objectFit: 'cover' }}
         src={convertFileSrc(path)}
         onLoadedData={onLoad}
         onError={onError}
@@ -59,5 +51,9 @@ export function Wallpaper({ path, containerRef, onLoad, onError }: Props) {
     );
   }
 
-  return <div ref={containerRef}>{wallpaper}</div>;
+  return (
+    <div ref={containerRef} className="wallpaper-container">
+      {wallpaper}
+    </div>
+  );
 }
diff --git a/static/themes/default/theme.wall.css b/static/themes/default/theme.wall.css
@@ -24,3 +24,15 @@
     mask-size: cover;
   }
 }
+
+.wallpaper-container {
+  width: 100%;
+  height: 100%;
+
+  img,
+  video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+}