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

cleaner servertabs look & remove unused css

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-09-30 13:12:00 +01:00
parent 57e84b1722
commit 23d2d44c04
2 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
apps/home/static/home/css/index.css
View File

@ -13,22 +13,6 @@
.bump { .bump {
animation: bump .2s ease-out; animation: bump .2s ease-out;
} }
/*
.server-item.active img {
border-radius: .75rem !important;
}
.server-item-selector:hover img, .server-item-selector:focus img, .server-item-selector:focus-visible img {
border-radius: .75rem !important;
}
.server-item-selector:active, .server-item-selector:focus, .server-item-selector:focus-visible {
animation: bump .2s ease-out;
}
.server-item-selector img {
transition: border-radius .15s ease-in;
} */
.server-sidebar { .server-sidebar {
width: 16rem; width: 16rem;
@ -96,11 +80,18 @@
max-width: 3.5rem; max-width: 3.5rem;
} }
#serverTabs .nav-link {
border-radius: 0; /* Server Tabs */
#serverTabs .nav-item:not(:last-child) {
margin-right: 1rem;
} }
#serverTabs .nav-link:not(.active) { #serverTabs .nav-item .nav-link:hover:not(.active) {
background-color: var(--bs-secondary-bg);
}
#serverTabs .nav-item .nav-link:not(.active) {
color: var(--bs-text-body); color: var(--bs-text-body);
} }

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

@ -124,32 +124,44 @@
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12 bg-body-tertiary">
<ul id="serverTabs" class="nav py-3 text-start" role="tablist"> <ul id="serverTabs" class="nav nav-pills py-3 text-start px-sm-3" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="subscriptionsTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#subscriptionsTabPane" type="button" aria-controls="subscriptionsTabPane" aria-selected="false"> <button id="subscriptionsTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#subscriptionsTabPane" type="button" aria-controls="subscriptionsTabPane" aria-selected="false">
<i class="bi bi-layers me-2"></i> <i class="bi bi-layers me-2"></i>
Subscriptions Subscriptions
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="filtersTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#filtersTabPane" type="button" aria-controls="filtersTabPane" aria-selected="false"> <button id="filtersTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#filtersTabPane" type="button" aria-controls="filtersTabPane" aria-selected="false">
<i class="bi bi-funnel me-2"></i> <i class="bi bi-funnel me-2"></i>
Content Filters Content Filters
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="contentTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#contentTabPane" type="button" aria-controls="contentTabPane" aria-selected="false"> <button id="contentTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#contentTabPane" type="button" aria-controls="contentTabPane" aria-selected="false">
<i class="bi bi-archive me-2"></i> <i class="bi bi-archive me-2"></i>
Tracked Content Tracked Content
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="stylesTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#stylesTabPane" type="button" aria-controls="stylesTabPane" aria-selected="false"> <button id="stylesTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#stylesTabPane" type="button" aria-controls="stylesTabPane" aria-selected="false">
<i class="bi bi-border-style me-2"></i> <i class="bi bi-border-style me-2"></i>
Message Styles Message Styles
</button> </button>
</li> </li>
<li class="nav-item ms-auto">
<div class="dropdown">
<button class="nav-link rounded-1 dropdown-toggle" type="button" data-bs-toggle="dropdown">
<i class="bi bi-gear"></i>
</button>
<ul class="dropdown-menu">
<li>
<button type="button" class="dropdown-item">-- todo --</button>
</li>
</ul>
</div>
</li>
</ul> </ul>
</div> </div>