fix(client): increased input font size for Safari users (to prevent z…

…oom), and enforced mp4 files
will-moss · Jul 22, 2024 · bcb44a5 · bcb44a5
1 parent 5f0afdd
commit bcb44a5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/App.css b/src/App.css
@@ -110,7 +110,7 @@ body {
 
 .login-state label {
   font-family: "Inter", sans-serif;
-  font-size: 14px;
+  font-size: 16px;
   color: white;
   font-weight: 500;
 }
@@ -121,15 +121,15 @@ body {
   height: 52px;
   padding: 0 12px;
   font-family: "Inter", sans-serif;
-  font-size: 13px;
+  font-size: 16px;
   margin-top: 6px;
 }
 
 .login-state button,
 .empty-state button {
   margin-top: 12px;
   width: 100%;
-  font-size: 14px;
+  font-size: 16px;
   height: 52px;
   border-radius: 6px;
   outline: 0;

diff --git a/src/App.js b/src/App.js
@@ -245,7 +245,7 @@ const App = () => {
         .sort((a, b) => 0.5 - Math.random());
 
       // Fix for Safari : .ogg files are not supported
-      if (_isSafari) _videoFiles = _videoFiles.filter((f) => f.extension !== "ogg");
+      if (_isSafari) _videoFiles = _videoFiles.filter((f) => f.extension === "mp4");
 
       setVideos((freshVideos) => {
         if (!hasCache) return _videoFiles;