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

colour styling

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-09-28 00:37:26 +01:00
parent b6ff653014
commit aa9d2cdfbe
3 changed files with 8 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -77,11 +77,11 @@
}
.server-item-selector:hover {
background-color: var(--bs-secondary-bg);
background-color: var(--bs-tertiary-bg);
}
.server-item-selector:active, .server-item-selector.active {
background-color: var(--bs-secondary-bg) !important;
background-color: var(--bs-tertiary-bg) !important;
}
/* widths */
@ -96,40 +96,6 @@
max-width: 3.5rem;
}
/* tables */
.table {
color: var(--bs-body-color) !important;
}
.table tbody tr.selected > * {
box-shadow: inset 0 0 0 9999px rgba(var(--bs-secondary-bg-rgb), 0.9) !important;
color: var(--bs-body-color) !important;
}
.table.dataTable > tbody > tr.selected a {
color: var(--bs-link-color) !important;
}
/* Fuck ugly <td> height fix */
td {
height: 1px;
text-wrap: nowrap;
}
td > .btn-link {
padding-left: 0;
}
@-moz-document url-prefix() {
tr {
height: 100%;
}
td {
height: 100%;
}
}
#serverTabs .nav-link {
border-radius: 0;
}

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

@ -6,13 +6,14 @@
{% block stylesheets %}
<link type="text/css" rel="stylesheet" href="{% static '/home/css/index.css' %}">
<link type="text/css" rel="stylesheet" href="{% static '/home/css/tables.css' %}">
<link type="text/css" rel="stylesheet" href="{% static '/css/select2.css' %}">
{% endblock stylesheets %}
{% block content %}
<div class="px-0 h-100">
<div class="px-0 h-100 bg-body-secondary">
<div class="d-flex flex-nowrap h-100">
<div class="server-sidebar d-flex flex-column bg-body-tertiary py-3 border-end">
<div class="server-sidebar d-flex flex-column bg-body-secondary py-3">
<h6 class="d-none d-lg-block ms-3">Discord Servers</h6>
<ul id="serverList" class="nav nav-pills nav-flush flex-column mb-auto text-center px-lg-2 px-1 flex-nowrap overflow-y-auto">
{% for i in "0123456789"|make_list %}
@ -59,7 +60,7 @@
</li>
</ul>
</div>
<div class="flex-grow-1 container-fluid bg-body overflow-y-auto" style="min-width: 0;">
<div class="flex-grow-1 container-fluid bg-body rounded-top-2 rounded-end-0 overflow-y-auto" style="min-width: 0;">
<div id="noSelectedServer" class="h-100">
<div class="d-flex justify-content-center align-items-center flex-column h-100">
<img src="{% static '/images/pyrss_logo.webp' %}" alt="PYRSS Logo">
@ -79,7 +80,7 @@
</div>
</div>
<div id="selectedServerContainer" class="row" style="display: none;">
<div class="col-12 bg-body-tertiary border-bottom p-3 py-sm-4">
<div class="col-12 bg-body-tertiary 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="resolve-to-server-icon rounded-3 d-none d-sm-block">

2
templates/includes/navbar.html
View File

@ -1,7 +1,7 @@
{% load static %}
<div class="px-0">
<div class="navbar navbar-expand-lg bg-body-secondary border-bottom">
<div class="navbar navbar-expand-lg bg-body-secondary">
<div class="container-fluid">
<a href="/" class="navbar-brand">
<img src="{% static '/images/pyrss_logo.webp' %}" alt="Logo" width="50" class="d-inline-block">