Browse Source

style(profile/page.tsx): adjust padding classes for improved layout consistency in ProfilePage component
style(muscle-selection.tsx): remove unused CSS module and apply Tailwind CSS classes for styling in MuscleIllustration component
style(workout-session-sets.tsx): add full height class to the congrats message container for better alignment in WorkoutSessionSets component

Mathias 1 month ago
parent
commit
74f8fa11e5

+ 2 - 4
app/[locale]/profile/page.tsx

@@ -25,11 +25,9 @@ export default function ProfilePage() {
       : new Date().toISOString().slice(0, 10);
 
   return (
-    <div>
+    <div className="px-2 sm:px-6">
       {!sessions.length && <LocalAlert className="my-4" />}
-      <div className="px-2 sm:px-6 mt-4">
-        <WorkoutSessionHeatmap until={until} values={values} />
-      </div>
+      <WorkoutSessionHeatmap until={until} values={values} />
       <WorkoutSessionList />
       <div className="mt-8 flex justify-center">
         <Button onClick={() => router.push("/")} size="large">

+ 1 - 10
src/features/workout-builder/ui/muscle-selection.tsx

@@ -19,8 +19,6 @@ import { BicepsGroup } from "@/features/workout-builder/ui/muscles/biceps-group"
 import { BackGroup } from "@/features/workout-builder/ui/muscles/back-group";
 import { AbdominalsGroup } from "@/features/workout-builder/ui/muscles/abdominals-group";
 
-import styles from "./muscles.module.css";
-
 interface MuscleSelectionProps {
   onToggleMuscle: (muscle: ExerciseAttributeValueEnum) => void;
   selectedMuscles: ExerciseAttributeValueEnum[];
@@ -41,14 +39,7 @@ const MuscleIllustration = ({
   };
 
   return (
-    <svg
-      className={styles.illustration}
-      height="5.13333in"
-      id="muscle-illustration"
-      viewBox="0 0 535 462"
-      width="5.94444in"
-      xmlns="http://www.w3.org/2000/svg"
-    >
+    <svg className="h-auto w-full" id="muscle-illustration" viewBox="0 0 535 462" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M 440.43,458.85
            C 437.78,458.84 435.54,458.42 433.79,457.57

+ 1 - 1
src/features/workout-session/ui/workout-session-sets.tsx

@@ -36,7 +36,7 @@ export function WorkoutSessionSets({
 
   if (showCongrats) {
     return (
-      <div className="flex flex-col items-center justify-center py-16">
+      <div className="flex flex-col items-center justify-center py-16 h-full">
         <Image alt={t("workout_builder.session.complete") + " trophy"} className="w-56 h-56" src={TrophyImg} />
         <h2 className="text-2xl font-bold mb-2">{t("workout_builder.session.complete") + " ! 🎉"}</h2>
         <p className="text-lg text-slate-600 mb-6">{t("workout_builder.session.workout_in_progress")}</p>