Fix flex wrap

fishjam-dev · Apr 16, 2024 · 8b2bebd · 8b2bebd
1 parent 54b32c4
commit 8b2bebd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/containers/Dashboard.tsx b/src/containers/Dashboard.tsx
@@ -93,7 +93,7 @@ export const Dashboard = () => {
             </div>
           ) : (
             <div className="flex flex-col justify-start p-1 gap-1">
-              <div className="tabs tabs-boxed tabs-bordered tabs-lg gap-2 mt-5 flex" role="tablist">
+              <div className="tabs tabs-boxed tabs-bordered tabs-lg gap-2 mt-5 flex flex-wrap" role="tablist">
                 {Object.values(jellyfishServers).map((server) => (
                   <button
                     role="tab"

diff --git a/src/containers/JellyfishInstance.tsx b/src/containers/JellyfishInstance.tsx
@@ -131,15 +131,15 @@ export const JellyfishInstance = ({
         </div>
       </div>
       <CreateRoom refetchIfNeeded={refetchRoomsIfNeeded} host={host} key={host} />
-      <div className="tabs tabs-bordered tabs-lg gap-2 tabs-boxed flex p-0 items-stretch" role="tablist">
+      <div className="tabs tabs-bordered tabs-lg gap-2 tabs-boxed flex flex-wrap p-0 items-stretch" role="tablist">
         {state.rooms === null && <div>...</div>}
         {Object.values(state.rooms || {})
           .sort(roomStateComparator)
           .map((room) => (
             <button
               key={room.id}
               className={clsx(
-                "indicator h-full bg-gray-50 text-gray-500 hover:text-black tab",
+                "indicator bg-gray-50 text-gray-500 hover:text-black tab",
                 state.selectedRoom === room.id && "tab-active",
               )}
               role="tab"