change main screen
This commit is contained in:
parent
026a23ade1
commit
ec2a6facc0
Binary file not shown.
@ -70,6 +70,42 @@
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding: 0.75rem 1rem;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
background: rgba(102, 126, 234, 0.1);
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
.venue-option.selected {
|
||||
background: rgba(102, 126, 234, 0.2);
|
||||
color: #667eea;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-outline-light:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: #667eea;
|
||||
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
|
||||
@ -126,37 +162,43 @@
|
||||
</p>
|
||||
|
||||
<h6 class="mb-3">Select Your Venue</h6>
|
||||
<div id="venueSelector">
|
||||
<div class="venue-card selected" data-venue="seven">
|
||||
<i class="fas fa-hotel"></i> Seven Hotel
|
||||
</div>
|
||||
<div class="venue-card" data-venue="city_center">
|
||||
<i class="fas fa-building"></i> City Center Hotel
|
||||
</div>
|
||||
<div class="venue-card" data-venue="coral_bay">
|
||||
<i class="fas fa-umbrella-beach"></i> Coral Bay Resort
|
||||
</div>
|
||||
<div class="venue-card" data-venue="la_taverna">
|
||||
<i class="fas fa-utensils"></i> La Taverna
|
||||
</div>
|
||||
<div class="venue-card" data-venue="rayes">
|
||||
<i class="fas fa-moon"></i> Rayes
|
||||
</div>
|
||||
<div class="venue-card" data-venue="taiga_sky">
|
||||
<i class="fas fa-glass-martini-alt"></i> Taiga Sky
|
||||
</div>
|
||||
<div class="venue-card" data-venue="trabouche">
|
||||
<i class="fas fa-water"></i> Trabouche
|
||||
</div>
|
||||
<div class="venue-card" data-venue="coral_bay_beach">
|
||||
<i class="fas fa-sun"></i> Coral Bay Beach
|
||||
</div>
|
||||
<div class="venue-card" data-venue="coral_bay_pool">
|
||||
<i class="fas fa-swimming-pool"></i> Coral Bay Pool
|
||||
</div>
|
||||
<div class="venue-card" data-venue="jetskis">
|
||||
<i class="fas fa-ship"></i> Jetskis
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-outline-light dropdown-toggle w-100 text-start d-flex align-items-center" type="button" id="venueDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fas fa-hotel me-2"></i>
|
||||
<span id="selectedVenueText">Seven Hotel</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu w-100" aria-labelledby="venueDropdown">
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option selected" href="#" data-venue="seven">
|
||||
<i class="fas fa-hotel me-2"></i> Seven Hotel
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="city_center">
|
||||
<i class="fas fa-building me-2"></i> City Center Hotel
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="coral_bay">
|
||||
<i class="fas fa-umbrella-beach me-2"></i> Coral Bay Resort
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="la_taverna">
|
||||
<i class="fas fa-utensils me-2"></i> La Taverna
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="rayes">
|
||||
<i class="fas fa-moon me-2"></i> Rayes
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="taiga_sky">
|
||||
<i class="fas fa-glass-martini-alt me-2"></i> Taiga Sky
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="trabouche">
|
||||
<i class="fas fa-water me-2"></i> Trabouche
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="coral_bay_beach">
|
||||
<i class="fas fa-sun me-2"></i> Coral Bay Beach
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="coral_bay_pool">
|
||||
<i class="fas fa-swimming-pool me-2"></i> Coral Bay Pool
|
||||
</a></li>
|
||||
<li><a class="dropdown-item d-flex align-items-center venue-option" href="#" data-venue="jetskis">
|
||||
<i class="fas fa-ship me-2"></i> Jetskis
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user