basic styling changes

jonogon · Aug 24, 2024 · 82f3f44 · 82f3f44
1 parent 68fa8ea
commit 82f3f44
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/apps/jonogon-web-next/src/app/components/PetitionCard.tsx b/apps/jonogon-web-next/src/app/components/PetitionCard.tsx
@@ -50,7 +50,13 @@ export default function PetitionCard(props: {
                         <div className={'flex-1'}>
                             <div
                                 className={
-                                    'font-normal text-base text-neutral-500 pb-1'
+                                    'leading-[1.1] font-bold font-serif text-xl md:text-2xl align-middle break-words overflow-hidden text-ellipsis'
+                                }>
+                                {props.title}
+                            </div>
+                            <div
+                                className={
+                                    'font-normal text-base text-neutral-500 pt-1'
                                 }>
                                 <div>
                                     <i>{props.name}</i> —{' '}
@@ -61,13 +67,6 @@ export default function PetitionCard(props: {
                                     </time>
                                 </div>
                             </div>
-
-                            <div
-                                className={
-                                    'leading-[1.1] font-bold font-serif text-xl md:text-2xl align-middle break-words overflow-hidden text-ellipsis'
-                                }>
-                                {props.title}
-                            </div>
                         </div>
 
                         {props.attachment && (

diff --git a/apps/jonogon-web-next/src/app/page.tsx b/apps/jonogon-web-next/src/app/page.tsx
@@ -57,7 +57,8 @@ function Tab({
             className={cn(
                 'border-b-2 border-transparent px-3 pb-1 capitalize select-none',
                 {
-                    'border-black': (params.get('type') ?? 'requests') === type,
+                    'border-red-500 text-red-500':
+                        (params.get('type') ?? 'requests') === type,
                 },
             )}
             onClick={updateParams}>
@@ -72,7 +73,7 @@ export default function Home() {
     return (
         <>
             <div className="flex flex-col gap-4 max-w-screen-sm mx-auto pb-16 px-4">
-                <h1 className="mt-12 my-5 text-3xl md:text-4xl font-semibold">
+                <h1 className="mt-12 my-5 text-3xl md:text-4xl font-bold text-center text-red-500">
                     {params.get('type') === 'own' ? (
                         'Your Own দাবিs'
                     ) : (