Quellcode durchsuchen

fix: make exercise log form full-width row with horizontal inputs

17846405080 vor 1 Monat
Ursprung
Commit
67873d322b

+ 3 - 3
campus_health_app/frontend/campus-health-app/src/app/modules/exercise/exercise-actions/exercise-actions.component.html

@@ -43,10 +43,10 @@
           </button>
         </div>
         <button *ngIf="!logForm[action.id]" (click)="startLog(action.id, action.name)"
-                style="grid-column:1/-1;margin-top:8px;padding:8px;background:#e6fffa;color:#0d9488;border:1px solid #0d9488;border-radius:8px;cursor:pointer;font-size:13px;">
+                style="flex-basis:100%;margin-top:8px;padding:8px;background:#e6fffa;color:#0d9488;border:1px solid #0d9488;border-radius:8px;cursor:pointer;font-size:13px;">
           📝 记一组
         </button>
-        <div *ngIf="logForm[action.id]" style="grid-column:1/-1;background:#f9fbe7;padding:10px;border-radius:8px;margin-top:8px;">
+        <div *ngIf="logForm[action.id]" style="flex-basis:100%;background:#f0fdfa;padding:12px;border-radius:8px;margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
           <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
             <input type="number" [(ngModel)]="logForm[action.id].weightKg" placeholder="重量kg" style="width:80px;padding:6px;border:1px solid #ddd;border-radius:4px;">
             <input type="number" [(ngModel)]="logForm[action.id].reps" placeholder="次数" style="width:70px;padding:6px;border:1px solid #ddd;border-radius:4px;">
@@ -54,7 +54,7 @@
             <button (click)="saveLog(action.id)" style="padding:6px 14px;background:#2e7d32;color:#fff;border:none;border-radius:4px;cursor:pointer;">保存</button>
           </div>
         </div>
-        <div *ngIf="logsFor(action.name).length > 0" style="grid-column:1/-1;margin-top:6px;font-size:12px;color:#666;">
+        <div *ngIf="logsFor(action.name).length > 0" style="flex-basis:100%;margin-top:6px;font-size:12px;color:#666;">
           <span *ngFor="let l of logsFor(action.name)" style="margin-right:10px;">{{ l.logDate }} {{ l.weightKg }}kg×{{ l.reps }} RPE{{ l.rpe }}</span>
         </div>
       </div>