rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-12-02 13:24:20 +01:00
Code Issues Releases Activity

(ui) Fix responsive

Browse Source
This commit is contained in:
vincent 2023-01-25 10:09:24 +01:00 committed by Sylvain
parent c964ec8a6d
commit 38aec6b1fd
2 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
app/frontend/src/javascript/components/plans/plan-limit-form.tsx
View File

@ -55,13 +55,15 @@ export const PlanLimitForm = <TContext extends object> ({ control, formState }:
<div className='plan-limit-list'>
<p className="title">{t('app.admin.plan_limit_form.by_categories')}</p>
<div className="plan-limit-item">
<div>
<span>{t('app.admin.plan_limit_form.category')}</span>
<p>Plop</p>
</div>
<div>
<span>{t('app.admin.plan_limit_form.max_hours_per_day')}</span>
<p>5</p>
<div className="grp">
<div>
<span>{t('app.admin.plan_limit_form.category')}</span>
<p>Plop</p>
</div>
<div>
<span>{t('app.admin.plan_limit_form.max_hours_per_day')}</span>
<p>5</p>
</div>
</div>
<div className='actions'>
@ -80,13 +82,15 @@ export const PlanLimitForm = <TContext extends object> ({ control, formState }:
<div className='plan-limit-list'>
<p className="title">{t('app.admin.plan_limit_form.by_machine')}</p>
<div className="plan-limit-item">
<div>
<span>{t('app.admin.plan_limit_form.machine')}</span>
<p>Pouet</p>
</div>
<div>
<span>{t('app.admin.plan_limit_form.max_hours_per_day')}</span>
<p>5</p>
<div className="grp">
<div>
<span>{t('app.admin.plan_limit_form.machine')}</span>
<p>Pouet</p>
</div>
<div>
<span>{t('app.admin.plan_limit_form.max_hours_per_day')}</span>
<p>5</p>
</div>
</div>
<div className='actions'>

11
app/frontend/src/stylesheets/modules/plans/plan-limit-form.scss
View File

@ -58,6 +58,17 @@
.delete-btn {background: var(--main) }
}
}
@media (min-width: 540px) {
.grp {
flex: 1;
display: flex;
justify-content: space-between;
& > * {
flex: 1;
}
}
}
}
}
}