mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-10-22 11:49:36 +00:00
minor appearance rework of coodle room selection
This commit is contained in:
@@ -558,16 +558,14 @@ export default {
|
||||
</h5>
|
||||
</div>
|
||||
<div v-else class="d-flex flex-column gap-2">
|
||||
<div class="d-flex flex-row justify-content-between">
|
||||
<div class="d-flex flex-column gap-1 justify-content-start">
|
||||
<span class="fw-bold">{{ "Available rooms:" }}</span>
|
||||
<div>
|
||||
<input v-model="roomFilterText" />
|
||||
<div class="d-flex flex-column gap-1 justify-content-start">
|
||||
<span class="fw-bold">{{ "Available rooms:" }}</span>
|
||||
<div class="d-flex flex-row align-items-center gap-2">
|
||||
<input v-model="roomFilterText" :placeholder="'Filter rooms...'" />
|
||||
<div @click="roomFilterText = ''" type="button" class="p-1">
|
||||
<i class="fa-solid fa-xmark fa-lg"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div @click="cancelRoomSelection()" type="button" class="p-2">
|
||||
<i class="fa-solid fa-xmark fa-lg"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!filteredAvailableRooms.length" class="d-flex flex-row align-items-center justify-content-center py-3 px-1">
|
||||
<h5 class="flex-shrink fw-bold text-wrap">
|
||||
|
||||
Reference in New Issue
Block a user