فهرست منبع

refactor(quit-workout-dialog): remove save button and adjust quit button styles for improved UI consistency
refactor(workout-session-header): update grid classes for better responsiveness on smaller screens

Mathias 1 ماه پیش
والد
کامیت
7cb43e4b6e

+ 3 - 9
src/features/workout-builder/ui/quit-workout-dialog.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { AlertTriangle, Save, Trash2 } from "lucide-react";
+import { AlertTriangle, Trash2 } from "lucide-react";
 
 import { useI18n } from "locales/client";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
@@ -64,18 +64,12 @@ export function QuitWorkoutDialog({
 
         {/* Action Buttons */}
         <div className="space-y-3">
-          {/* Save and Quit */}
-          <Button className="w-full bg-blue-600 hover:bg-blue-700 text-white" onClick={onQuitWithSave} size="large">
-            <Save className="h-4 w-4 mr-2" />
-            {t("workout_builder.session.save_and_quit")}
-          </Button>
-
           {/* Quit without saving */}
           <Button
-            className="w-full border-red-500/30 text-red-400 hover:bg-red-500/10 hover:border-red-500"
+            className="w-full bg-red-500/10 border-red-500/30 text-red-400 hover:bg-red-500/10 hover:border-red-500"
             onClick={onQuitWithoutSave}
             size="large"
-            variant="outline"
+            variant="default"
           >
             <Trash2 className="h-4 w-4 mr-2" />
             {t("workout_builder.session.quit_without_save")}

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

@@ -75,7 +75,7 @@ export function WorkoutSessionHeader({
           </div>
 
           {/* Main content - Cards */}
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-3">
+          <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
             {/* Card 1: Temps écoulé */}
             <div className="bg-white dark:bg-gradient-to-br dark:from-slate-800/80 dark:to-slate-700/80 rounded-lg p-3 border border-slate-100 dark:border-slate-600/30">
               <div className="flex items-center gap-2 mb-2">