corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

mobile friendly top bar for viewing servers
Some checks failed
Build and Push Docker Image / build (push) Failing after 6m53s
Details

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-09-18 11:44:39 +01:00
parent 8b97f63710
commit bc04ec0996
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
apps/templates/home/index.html
View File

@ -42,25 +42,27 @@
</div>
</div>
<div id="selectedServerContainer" class="row" style="display: none;">
<div class="col-12 bg-body-tertiary border-bottom">
<div class="px-3 py-4 d-flex justify-content-start align-items-center flex-wrap">
<div class="d-flex align-items-center">
<img alt="Selected Server Icon" class="rounded-3 selected-server-icon">
<div class="ms-3" style="min-width: 0">
<div class="col-12 bg-body-tertiary border-bottom p-3 py-sm-4">
<div class="row">
<div class="col-sm-7 col-md-6 d-flex align-items-center">
<img alt="Server Icon" class="rounded-3 selected-server-icon d-none d-sm-block">
<div class="ms-sm-3" style="min-width: 0">
<h3 class="mb-0 resolve-to-server-name text-truncate"></h3>
<h5 class="mb-0 resolve-to-server-id text-truncate text-body-secondary"></h5>
<h5 class="mb-0 resolve-to-server-id text-truncate text-body-secondary text-monospace"></h5>
</div>
</div>
<div class="ms-auto">
<button type="button" id="serverSettingsBtn" class="btn btn-outline-secondary rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Server settings">
<i class="bi bi-gear"></i>
</button>
<button type="button" id="deleteSelectedServerBtn" class="btn btn-outline-danger rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Close server">
<i class="bi bi-x-lg"></i>
</button>
<button type="button" id="backToSelectServer" class="btn btn-outline-secondary rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Go back">
<i class="bi bi-box-arrow-right"></i>
</button>
<div class="col-sm-5 col-md-6 d-flex justify-content-sm-end align-items-center">
<div class="mt-3 mt-sm-0">
<button type="button" id="serverSettingsBtn" class="btn btn-outline-secondary rounded-1 me-3">
<i class="bi bi-gear"></i>
</button>
<button type="button" id="deleteSelectedServerBtn" class="btn btn-outline-danger rounded-1">
<i class="bi bi-x-lg"></i>
</button>
<button type="button" id="backToSelectServer" class="btn btn-outline-secondary rounded-1 ms-3">
<i class="bi bi-box-arrow-right"></i>
</button>
</div>
</div>
</div>
</div>