Refactor MonthlyVotesGraph component

discordplace · Jun 27, 2024 · 7669b03 · 7669b03
1 parent 96dff91
commit 7669b03
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/app/(servers)/servers/[id]/components/Tabs/Graph/MonthlyVotes.jsx b/client/app/(servers)/servers/[id]/components/Tabs/Graph/MonthlyVotes.jsx
@@ -18,7 +18,7 @@ export default function MonthlyVotesGraph({ server }) {
   const isMobile = useMedia('(max-width: 640px)', false);
 
   return (
-    <>
+    <div className='lg:max-w-[70%] w-full px-8 lg:px-0'>
       <h2 className='flex items-center text-xl font-semibold gap-x-2'>
         Monthly Votes Graph
 
@@ -40,7 +40,7 @@ export default function MonthlyVotesGraph({ server }) {
         </Tooltip>
       </h2>
 
-      <p className='mt-2 whitespace-pre-wrap text-tertiary'>
+      <p className='mt-2 text-sm whitespace-pre-wrap text-tertiary'>
         The amount of votes this server has received over time.
       </p>
 
@@ -60,6 +60,6 @@ export default function MonthlyVotesGraph({ server }) {
           xAxisCategories={server.monthly_votes.map(({ created_at }) => new Date(created_at).toLocaleDateString('en-US', { year: 'numeric', month: 'long' }))}
         />
       </div>
-    </>
+    </div>
   );
 }