Update the timezone info styling in the appointments and unavailability modals

This commit is contained in:
Alex Tselegidis 2023-05-03 07:51:53 +02:00
parent c6b21ec045
commit 36ff857c4d
2 changed files with 34 additions and 23 deletions

View file

@ -167,16 +167,20 @@
<div <div
class="border rounded d-flex justify-content-between align-items-center bg-light timezone-info"> class="border rounded d-flex justify-content-between align-items-center bg-light timezone-info">
<div class="border-end w-50 p-1 text-center"> <div class="border-end w-50 p-1 text-center">
<small>
<?= lang('provider') ?>: <?= lang('provider') ?>:
<span class="provider-timezone"> <span class="provider-timezone">
- -
</span> </span>
</small>
</div> </div>
<div class="w-50 p-1 text-center"> <div class="w-50 p-1 text-center">
<small>
<?= lang('current_user') ?>: <?= lang('current_user') ?>:
<span> <span>
<?= $timezones[session('timezone', 'UTC')] ?> <?= $timezones[session('timezone', 'UTC')] ?>
</span> </span>
</small>
</div> </div>
</div> </div>
</div> </div>

View file

@ -45,22 +45,29 @@
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label"><?= lang('timezone') ?></label> <label class="form-label">
<?= lang('timezone') ?>
</label>
<ul> <div
<li> class="border rounded d-flex justify-content-between align-items-center bg-light timezone-info">
<div class="border-end w-50 p-1 text-center">
<small>
<?= lang('provider') ?>: <?= lang('provider') ?>:
<span class="provider-timezone"> <span class="provider-timezone">
- -
</span> </span>
</li> </small>
<li> </div>
<div class="w-50 p-1 text-center">
<small>
<?= lang('current_user') ?>: <?= lang('current_user') ?>:
<span> <span>
<?= $timezones[$timezone] ?> <?= $timezones[session('timezone', 'UTC')] ?>
</span> </span>
</li> </small>
</ul> </div>
</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">