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

remove horizontal edge padding on small screens + truncate server name/id

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-05-03 13:56:18 +01:00
parent 0e324b57a6
commit 457bb753b5
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,9 +10,9 @@
{% endblock stylesheets %}
{% block content %}
<div class="container h-100">
<div class="container-lg px-0 h-100">
<div class="d-flex flex-nowrap h-100 border-start border-end">
<div class="d-flex flex-column flex-shrink-0 bg-body-tertiary py-3 border-end" style="width: 4.5rem">
<div class="d-flex flex-column bg-body-tertiary py-3 border-end" style="width: 4.5rem">
<ul id="serverList" class="nav nav-pills nav-flush flex-column mb-auto text-center">
<!-- <li class="nav-item"><hr class="my-3"></li> -->
<li class="nav-item">
@ -30,9 +30,9 @@
<div class="col-12 bg-body-tertiary border-bottom">
<div class="px-3 py-4 d-flex justify-content-start align-items-center">
<img src="..." alt="Selected Server Icon" class="rounded-3 selected-server-icon">
<div class="ms-3">
<h3 class="mb-0 selected-server-name"></h3>
<h5 class="mb-0 selected-server-id"></h5>
<div class="ms-3" style="min-width: 0">
<h3 class="mb-0 selected-server-name text-truncate"></h3>
<h5 class="mb-0 selected-server-id text-truncate"></h5>
</div>
</div>
</div>

2
apps/templates/includes/footer.html
View File

@ -1,4 +1,4 @@
<div class="container">
<div class="container-lg px-0">
<footer class="border border-bottom-0 bg-body-secondary px-4 py-3 d-flex flex-wrap justify-content-between align-items-center text-body-secondary">
<div class="col-md-4 d-flex align-items-center">
<span>&copy; 2024 PYRSS</span>

2
apps/templates/includes/navbar.html
View File

@ -1,6 +1,6 @@
{% load static %}
<div class="container">
<div class="container-lg px-0">
<div class="navbar navbar-expand-lg bg-body-secondary border-start border-end border-bottom">
<div class="container">
<a href="/" class="navbar-brand">