chore: change settings for supnas

config.json

@@ -1,13 +1,8 @@
 {
-  "defaultHomeserver": 3,
+  "defaultHomeserver": 0,
   "homeserverList": [
-    "0wnz.at",
-    "converser.eu",
-    "envs.net",
-    "matrix.org",
-    "monero.social",
-    "mozilla.org",
-    "xmr.se"
+    "chat.naskya.net",
+    "chat.sup39.dev"
   ],
-  "allowCustomHomeservers": true
+  "allowCustomHomeservers": false
 }

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <title>Cinny</title>
+    <title>Cinny@さぽなす</title>
     <meta name="name" content="Cinny" />
     <meta name="author" content="Ajay Bura" />
     <meta
@@ -26,6 +26,7 @@
     <meta name="theme-color" content="#000000" />
 
     <link id="favicon" rel="shortcut icon" href="./public/favicon.ico" />
+    <link rel="stylesheet" href="/mx-uc.css" />
 
     <link rel="manifest" href="/manifest.json" />
     <meta name="mobile-web-app-capable" content="yes" />

public/mx-uc.css

@@ -0,0 +1,4 @@
+:root {
+  --mx-uc--sup39-chat_sup39_dev: #2ee5b8;
+  /* --mx-uc--naskya-chat_naskya_net: ; */
+}

src/app/organisms/room/RoomTimeline.tsx

@@ -1139,13 +1139,17 @@ export function RoomTimeline({ room, eventId, roomInputRef, editor }: RoomTimeli
         return null;
       }
 
-      const height = scaleYDimension(videoInfo.w || 400, 400, videoInfo.h || 400);
+      // FIXME
+      const videoW = videoInfo?.w ?? 400;
+      const videoH = videoInfo?.h ?? 400;
+      const maxW = scrollRef.current?.querySelector(`[data-message-id]>div>div:nth-child(2)`)?.clientWidth ?? 400;
+      const height = videoW <= maxW ? videoH : scaleYDimension(videoW, maxW, videoH);
 
       return (
         <Attachment>
           <AttachmentBox
             style={{
-              height: toRem(height < 48 ? 48 : height),
+              height: toRem(Math.max(48, Math.min(480, height))),
             }}
           >
             <VideoContent

src/app/organisms/room/message/VideoContent.tsx

@@ -116,7 +116,7 @@ export const VideoContent = as<'div', VideoContentProps>(
           </Box>
         )}
         {srcState.status === AsyncStatus.Success && (
-          <Box className={css.AbsoluteContainer}>
+          <Box className={css.AbsoluteContainer} style={{position: 'unset'}}>
             <Video
               title={body}
               src={srcState.data}

vite.config.js

@@ -33,6 +33,10 @@ const copyFiles = {
       src: 'public/res/android',
       dest: 'public/',
     },
+    {
+      src: 'public/mx-uc.css',
+      dest: '',
+    },
     {
       src: 'twemoji/assets/svg/*',
       dest: 'twemoji/',