Updates max-width and adds text-subdued

agentcoinorg · Jan 24, 2024 · c3445c3 · c3445c3
1 parent c0fe9fc
commit c3445c3
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/web/app/globals.css b/web/app/globals.css
@@ -25,6 +25,10 @@ body {
   background-position: 52% 57%;
 }
 
+.text-subdued {
+  @apply text-indigo-900/60;
+}
+
 th {
   @apply px-4 pt-4 pb-2 text-indigo-900/50 font-semibold text-xs leading-none uppercase;
 }

diff --git a/web/components/Strategy.tsx b/web/components/Strategy.tsx
@@ -19,7 +19,7 @@ function Information(props: {
     <div className='flex flex-wrap justify-between'>
       <div className='flex flex-col'>
         <div className='text-lg font-semibold'>{props.title}</div>
-        <div className='text-xs text-indigo-900/70'>{props.subtitle}</div>
+        <div className='text-xs text-subdued'>{props.subtitle}</div>
       </div>
       <Button disabled={props.disabled} onClick={props.onClick}>
         {props.action}

diff --git a/web/components/StrategyTable.tsx b/web/components/StrategyTable.tsx
@@ -35,9 +35,9 @@ export function StrategyTable(props: StrategyTableProps) {
               }}
             />
           </th>
-          <th className='text-left pl-0'>PROJECT</th>
+          <th className='text-left'>PROJECT</th>
           <th className='text-left'>WEIGHTING</th>
-          <th className='text-left w-2/12'>SMART RANKING</th>
+          <th className='text-left w-2/12 whitespace-nowrap'>SMART RANKING</th>
         </tr>
       </thead>
       <tbody className='w-full'>
@@ -56,10 +56,12 @@ export function StrategyTable(props: StrategyTableProps) {
                 }}
               />
             </td>
-            <td className='min-w-6/12 pl-0'>
+            <td className='min-w-6/12'>
               <div className='space-y-px w-full'>
                 <div>{entry.project.title}</div>
-                <div className='text-[10px] text-indigo-900/70 line-clamp-2'>
+                <div className='text-[10px] text-subdued line-clamp-2 leading-tight'>
+                  {entry.project.description}
+                  {entry.project.description}
                   {entry.project.description}
                 </div>
               </div>

diff --git a/web/tailwind.config.ts b/web/tailwind.config.ts
@@ -22,7 +22,7 @@ const config: Config = {
         "button-0": `0 0 0 -2px ${colors.indigo[200]}`,
       },
       maxWidth: {
-        wrapper: `900px`,
+        wrapper: `768px`,
       },
     },
   },