Excessive Log Set button gone on the Quick Log screen
This commit is contained in:
@@ -51,32 +51,26 @@ const SporadicView: React.FC<SporadicViewProps> = ({ tracker, lang }) => {
|
||||
|
||||
return (
|
||||
<div className="flex flex-col h-full max-h-full overflow-hidden relative bg-surface">
|
||||
<div className="px-4 py-3 bg-surface-container shadow-elevation-1 z-20 flex justify-between items-center">
|
||||
<button
|
||||
onClick={() => {
|
||||
resetForm();
|
||||
setIsSporadicMode(false);
|
||||
}}
|
||||
className="text-error font-medium text-sm hover:opacity-80 transition-opacity"
|
||||
>
|
||||
{t('quit', lang)}
|
||||
</button>
|
||||
<div className="px-4 py-3 bg-surface-container shadow-elevation-1 z-20 grid grid-cols-[1fr_auto_1fr] items-center">
|
||||
<div className="flex justify-start">
|
||||
<button
|
||||
onClick={() => {
|
||||
resetForm();
|
||||
setIsSporadicMode(false);
|
||||
}}
|
||||
className="text-error font-medium text-sm hover:opacity-80 transition-opacity"
|
||||
>
|
||||
{t('quit', lang)}
|
||||
</button>
|
||||
</div>
|
||||
<div className="flex flex-col items-center">
|
||||
<h2 className="text-title-medium text-on-surface flex items-center gap-2 font-medium">
|
||||
<span className="w-2 h-2 rounded-full bg-primary animate-pulse" />
|
||||
{t('quick_log', lang)}
|
||||
</h2>
|
||||
</div>
|
||||
<button
|
||||
onClick={handleLogSporadicSet}
|
||||
className={`px-5 py-2 rounded-full text-sm font-medium transition-all ${selectedExercise
|
||||
? 'bg-primary-container text-on-primary-container hover:opacity-90 shadow-elevation-1'
|
||||
: 'bg-surface-container-high text-on-surface-variant opacity-50 cursor-not-allowed'
|
||||
}`}
|
||||
disabled={!selectedExercise}
|
||||
>
|
||||
{t('log_set', lang)}
|
||||
</button>
|
||||
<div />
|
||||
|
||||
</div>
|
||||
|
||||
<div className="flex-1 overflow-y-auto p-4 pb-32 space-y-6">
|
||||
|
||||
Reference in New Issue
Block a user