vijay
/
easyappointments
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

突出预约功能

This commit is contained in:
Jay Huang 2024-09-24 16:56:46 +08:00
parent 518f1e261e
commit f6072f42d4
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
application/views/layouts/home_layout.php
View File

@ -46,6 +46,20 @@
width: 100%; /* Ensure it takes the full width available */ width: 100%; /* Ensure it takes the full width available */
max-width: 600px; /* Optional: limit the max width */ max-width: 600px; /* Optional: limit the max width */
} }
.booking.icon-button {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
margin: 20px;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
width: 250px;
height: 250px;
transition: background-color 0.3s;
}
.icon-button { .icon-button {
display: flex; display: flex;
align-items: center; align-items: center;
@ -64,12 +78,20 @@
font-size: 56px; font-size: 56px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.booking.icon-button span {
font-size: 16px;
margin-top: 10px;
}
.icon-button span { .icon-button span {
margin-top: 10px; margin-top: 10px;
} }
.icon-button:hover { .icon-button:hover {
background-color: #429a82; background-color: #429a82;
} }
.booking.icon-button .svg-inline--fa {
width: 58px; /* Adjust the size as needed */
height: 58px; /* Adjust the size as needed */
}
.icon-button .svg-inline--fa { .icon-button .svg-inline--fa {
width: 38px; /* Adjust the size as needed */ width: 38px; /* Adjust the size as needed */
height: 38px; /* Adjust the size as needed */ height: 38px; /* Adjust the size as needed */
@ -88,12 +110,14 @@
<div class="icon-container-wrapper"> <div class="icon-container-wrapper">
<div class="icon-container"> <div class="icon-container">
<a href="<?= site_url('booking') ?>" class="icon-button btn btn-light"> <a href="<?= site_url('booking') ?>" class="booking icon-button btn btn-light">
<i class="fa-solid fa-calendar-plus"></i> <i class="fa-solid fa-calendar-plus"></i>
<span> <span>
<?= lang('home_appointment_button') ?> <?= lang('home_appointment_button') ?>
</span> </span>
</a> </a>
</div>
<div class="icon-container">
<a href="<?= site_url('home_search') ?>" class="icon-button btn btn-light"> <a href="<?= site_url('home_search') ?>" class="icon-button btn btn-light">
<i class="fa-solid fa-search"></i> <i class="fa-solid fa-search"></i>
<span> <span>