Refactor AvailabilitiesPage layout by adjusting flex properties and removing unnecessary min-height for grid. Improve alignment and spacing for better UI presentation.
This commit is contained in:
parent
c0e469763f
commit
fab34e70cb
1 changed files with 3 additions and 3 deletions
|
|
@ -60,9 +60,9 @@ export function AvailabilitiesPage() {
|
|||
</div>
|
||||
|
||||
<div className="flex-1 overflow-auto">
|
||||
<div className="flex">
|
||||
<div className="flex items-start">
|
||||
<div className="flex-1 pr-6 border-r border-gray-200 dark:border-gray-700">
|
||||
<div className="grid grid-cols-2 gap-4 max-w-4xl min-h-min">
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{DAYS_OF_WEEK.map((day) => (
|
||||
<div
|
||||
key={day}
|
||||
|
|
@ -98,7 +98,7 @@ export function AvailabilitiesPage() {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className="w-80 pl-6 py-4">
|
||||
<div className="w-80 pl-6">
|
||||
<div className="space-y-6">
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-2">Fuseau horaire</h3>
|
||||
|
|
|
|||
Loading…
Reference in a new issue