[FEAT] - (Event Detail) Fix UI Regist Card

Merge pull request #35 from hammer-code/feat/event-detail

Author: adzaky

src/features/events/components/EventDetail.tsx

@@ -39,7 +39,7 @@ const EventDetail: FC<{ params: { id: string } }> = ({ params }) => {
                 className="rounded-lg"
               />
             ) : (
-              <Skeleton className="w-full h-24 sm:h-96 rounded-lg" />
+              <Skeleton className="w-full h-24 rounded-lg sm:h-96" />
             )}
           </div>
           <BreadCrumbLink />
@@ -58,18 +58,18 @@ const EventDetail: FC<{ params: { id: string } }> = ({ params }) => {
             </div>
           </div>
         </div>
-        <div className="fixed bottom-0 left-0 right-0 flex items-center self-start justify-between w-full gap-4 bg-slate-950 md:bg-transparent lg:flex-col lg:justify-start lg:sticky lg:top-24 lg:px-4">
+        <div className="fixed bottom-0 left-0 right-0 flex items-center self-start justify-between w-full gap-4 rounded-lg bg-white dark:bg-slate-950 md:bg-transparent lg:flex-col lg:justify-start lg:sticky lg:top-24 lg:px-4">
           <div className="hidden w-full p-4 space-y-6 border rounded-lg lg:block border-slate-400 dark:border-slate-600">
             {event ? <EventInfo event={event} /> : <Skeleton className="w-full h-4 rounded-lg" />}
           </div>
           <div className="flex flex-col w-full gap-4 px-6 py-4 border-t rounded-lg sm:border border-slate-400 dark:border-slate-600">
             <div className="flex items-center justify-between w-full">
-              <span className="text-xs sm:text-sm text-slate-700 dark:text-slate-300">
+              <span className="font-semibold text-xs sm:text-sm dark:text-slate-200">
                 {t("EventDetail.price-title")}
               </span>
               <p className="text-sm font-bold dark:text-slate-200">{useFormatPrice(1000)}</p>
             </div>
-            <Button className="w-full dark:bg-slate-200">{t("EventDetail.register-button")}</Button>
+            <Button className="w-full font-bold dark:bg-slate-200">{t("EventDetail.register-button")}</Button>
           </div>
         </div>
       </div>