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">
<?= lang('provider') ?>: <small>
<span class="provider-timezone"> <?= lang('provider') ?>:
- <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">
<?= lang('current_user') ?>: <small>
<span> <?= lang('current_user') ?>:
<?= $timezones[session('timezone', 'UTC')] ?> <span>
</span> <?= $timezones[session('timezone', 'UTC')] ?>
</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">
<?= lang('provider') ?>: <div class="border-end w-50 p-1 text-center">
<span class="provider-timezone"> <small>
- <?= lang('provider') ?>:
</span> <span class="provider-timezone">
</li> -
<li> </span>
<?= lang('current_user') ?>: </small>
<span> </div>
<?= $timezones[$timezone] ?> <div class="w-50 p-1 text-center">
</span> <small>
</li> <?= lang('current_user') ?>:
</ul> <span>
<?= $timezones[session('timezone', 'UTC')] ?>
</span>
</small>
</div>
</div>
</div> </div>
<div class="mb-3"> <div class="mb-3">