Update breakpoints

Author: lucemans

web/src/components/party/codes/CodeListOrder.tsx

@@ -82,7 +82,7 @@ export const CodeListOrder = () => {
       collisionDetection={closestCenter}
       onDragEnd={handleDragEnd}
     >
-      <div className="card space-y-2 p-4 h-auto w-full text">
+      <div className="card space-y-2 p-4 h-auto w-full text 3xl:col-span-2">
         <div className="flex items-center justify-between">
           <h3>Arrange Lists</h3>
           <ToolTip>

web/src/components/party/fun/MusicRadio.tsx

@@ -345,7 +345,7 @@ export const MusicRadio: FC = () => {
     };
 
     return (
-        <div className="card w-full flex flex-col gap-4 text">
+        <div className="card w-full flex flex-col gap-4 text md:col-span-2">
             <div className="flex items-center justify-between">
                 <h1 className="text-primary">Fishing Village Radio</h1>
                 <div className="flex items-center gap-2 flex-wrap justify-end">

web/src/routes/$partyId/index.tsx

@@ -48,9 +48,9 @@ function RouteComponent() {
       <PartyMembers />
     </div>
     <CodeListOrder />
-    <MusicRadio />
     <CodeEntryMod />
     <PartyChat />
+    <MusicRadio />
     <PartyProgress />
   </div>);
 }

web/tailwind.config.js

@@ -1,22 +1,22 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-    content: ['./src/**/*.{html,tsx}'],
+    content: ["./src/**/*.{html,tsx}"],
     theme: {
         extend: {
             backgroundColor: {
-                primary: '#3F3D3C',
-                secondary: '#53504D',
-                tertiary: '#2d2b29',
+                primary: "#3F3D3C",
+                secondary: "#53504D",
+                tertiary: "#2d2b29",
             },
             colors: {
-                accent: '#CCC46A',
-                primary: '#F5F5F5',
-                primarybg: '#3F3D3C',
-                secondary: '#858585',
-                secondarybg: '#53504D',
-                tertiary: '#2d2b29',
-                rust: '#AA4735',
-                'rust-active': '#852E1E',
+                accent: "#CCC46A",
+                primary: "#F5F5F5",
+                primarybg: "#3F3D3C",
+                secondary: "#858585",
+                secondarybg: "#53504D",
+                tertiary: "#2d2b29",
+                rust: "#AA4735",
+                "rust-active": "#852E1E",
                 // background: 'var(--theme-bg-color)',
                 // text: 'var(--theme-text-color)',
                 // hint: 'var(--theme-hint-color)',
@@ -34,9 +34,12 @@ export default {
                 // 'destructive-text': 'var(--theme-destructive-color)',
             },
             animation: {
-                'spin-slow': 'spin 9s linear infinite',
-                'zoom': 'zoom 1s ease-in-out infinite',
-            }
+                "spin-slow": "spin 9s linear infinite",
+                zoom: "zoom 1s ease-in-out infinite",
+            },
+            screens: {
+                "3xl": "1660px",
+            },
         },
     },
     plugins: [],