fix: modify css styles

skku-royals · Mar 12, 2024 · 07084b7 · 07084b7
1 parent 93749db
commit 07084b7
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/frontend/src/app/console/roster/_components/RosterListTable.tsx b/frontend/src/app/console/roster/_components/RosterListTable.tsx
@@ -55,9 +55,9 @@ export default function RosterListTable({
         roster.offPosition ? positions.push(roster.offPosition) : null
         roster.defPosition ? positions.push(roster.defPosition) : null
         roster.splPosition ? positions.push(roster.splPosition) : null
-        return <p>{positions.join('/')}</p>
+        return <p className="text-nowrap">{positions.join('/')}</p>
       default:
-        return <p>-</p>
+        return <p className="text-nowrap">-</p>
     }
   }
 
@@ -83,7 +83,7 @@ export default function RosterListTable({
                 <UserIcon />
               )}
             </div>
-            <p>{roster.name}</p>
+            <p className="text-nowrap">{roster.name}</p>
           </div>
         )
       }

diff --git a/frontend/src/components/Badge.tsx b/frontend/src/components/Badge.tsx
@@ -31,7 +31,7 @@ export default function Badge({ color, content }: BadgeProps) {
   return (
     <span
       className={clsx(
-        'inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset',
+        'inline-flex items-center text-nowrap rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset',
         colorClasses[color]
       )}
     >

diff --git a/frontend/src/components/ConsoleSidebar.tsx b/frontend/src/components/ConsoleSidebar.tsx
@@ -167,7 +167,7 @@ export default function ConsoleSidebar() {
                   <div className="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4 ring-1 ring-white/10">
                     <div className="flex h-16 shrink-0 items-center">
                       <Image
-                        className="h-6 w-6 object-cover"
+                        className="h-6 w-auto"
                         src="/logo.png"
                         alt="Royals"
                         width={128}

diff --git a/frontend/src/components/DataTable.tsx b/frontend/src/components/DataTable.tsx
@@ -31,7 +31,7 @@ export function DataTable<TData, TValue>({
   })
 
   return (
-    <div className="rounded-none border shadow-sm sm:rounded-md dark:border-zinc-700/80">
+    <div className="rounded-none border-b border-t shadow-sm sm:rounded-md sm:border-l sm:border-r dark:border-zinc-700/80">
       <Table>
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (

diff --git a/frontend/src/components/Localtime.tsx b/frontend/src/components/Localtime.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { useDate } from '@/hooks/useDate'
+import clsx from 'clsx'
 
 export default function LocalTime({
   utc,
@@ -14,7 +15,11 @@ export default function LocalTime({
 }) {
   const { parseUTCDate, formatDate } = useDate()
   return (
-    <time defaultValue={utc} className={className} {...props}>
+    <time
+      defaultValue={utc}
+      className={clsx('text-nowrap', className)}
+      {...props}
+    >
       {formatDate(parseUTCDate(utc), format)}
     </time>
   )