Update minimum app dimensions

src/main/main.ts

@@ -209,8 +209,8 @@ const createWindow = async () => {
     frame: false,
     height: 900,
     icon: getAssetPath('icon.png'),
-    minHeight: 600,
-    minWidth: 640,
+    minHeight: 640,
+    minWidth: 480,
     show: false,
     webPreferences: {
       allowRunningInsecureContent: !!store.get('ignore_ssl'),

src/renderer/features/player/components/playerbar.tsx

@@ -19,7 +19,7 @@ import { RightControls } from './right-controls';
 import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
 
 const PlayerbarContainer = styled.div`
-  width: 100%;
+  width: 100vw;
   height: 100%;
   border-top: var(--playerbar-border-top);
 `;

src/renderer/layouts/default-layout.tsx

@@ -35,6 +35,7 @@ const Layout = styled.div<{ windowBarStyle: Platform }>`
   grid-template-columns: 1fr;
   gap: 0;
   height: 100%;
+  overflow: hidden;
 `;
 
 const WindowBar = lazy(() =>

src/renderer/styles/global.scss

@@ -14,7 +14,6 @@ html {
   position: absolute;
   display: block;
   width: 100%;
-  min-width: 640px;
   height: 100%;
   overflow-x: hidden;
   overflow-y: hidden;