added light and dark gruvbox themes. fixed css issues.
This commit is contained in:
@@ -71,7 +71,7 @@ class pageBuilder extends API
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<?php $this->pageHeadContent(); ?>
|
||||
<body data-background-color="dark">
|
||||
<body>
|
||||
<div class="wrapper<?= (($_COOKIE['sidebarMinimized'] ?? '') === 'true' ? ' sidebar_minimize' : '') . (($_COOKIE['sidebarHovered'] ?? '') === 'true' ? ' sidebar_minimize_hover' : '') ?>">
|
||||
<?php $this->pageSidebarContent(); ?>
|
||||
<div class="main-panel">
|
||||
@@ -83,7 +83,6 @@ class pageBuilder extends API
|
||||
if (isset($jsScriptLoadData)) {
|
||||
$this->jsScriptLoadData = $jsScriptLoadData;
|
||||
}
|
||||
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
@@ -111,35 +110,6 @@ class pageBuilder extends API
|
||||
<link href="https://fonts.googleapis.com/css?family=Public+Sans:300,400,500,600,700|Quicksand:300,400,500,600,700&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
body {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.custom-avatar {
|
||||
width: 50px; /* Desired width */
|
||||
height: 50px; /* Desired height */
|
||||
display: inline-block; /* Ensure it behaves like an inline block */
|
||||
background-size: cover; /* Stretch to cover the element */
|
||||
background-position: center; /* Center the background image */
|
||||
background-repeat: no-repeat; /* Prevent repetition */
|
||||
border-radius: 50%; /* Circular shape */
|
||||
overflow: hidden; /* Ensure no overflow for a clean circular look */
|
||||
}
|
||||
|
||||
.flag-bg[data-flag="gb"] {
|
||||
background-image: url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.6.6/flags/4x3/gb.svg'); /* Greece */
|
||||
}
|
||||
|
||||
.flag-bg[data-flag="nl"] {
|
||||
background-image: url('https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.6.6/flags/4x3/nl.svg'); /* Greece */
|
||||
}
|
||||
|
||||
.dataTables_filter {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dataTables_filter label {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
@@ -168,59 +138,21 @@ class pageBuilder extends API
|
||||
.dataTables_length label::before {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
padding-top: 10px; /* Move "Entries" down */
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.dataTables_length select {
|
||||
flex: 1; /* Allow the select field to take the remaining space */
|
||||
max-width: 100%; /* Ensure it doesn't exceed the container */
|
||||
margin-left: 10px; /* Optional spacing between "Entries" and the select */
|
||||
flex: 1;
|
||||
max-width: 100%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Change the border color of the entire dropdown options container */
|
||||
.select2-container--bootstrap .select2-dropdown {
|
||||
border: 0 solid rgba(80, 80, 80, 0.19) !important; /* Light gray border */
|
||||
border-radius: 0.25rem; /* Optional: Add a border radius to match Bootstrap styles */
|
||||
}
|
||||
|
||||
/* Optional: Remove white edges inside the dropdown */
|
||||
.select2-container--bootstrap .select2-results {
|
||||
padding: 0; /* Remove any extra padding inside the dropdown */
|
||||
}
|
||||
|
||||
/* Change background color of selected items in the dropdown */
|
||||
.select2-container--bootstrap .select2-results__option {
|
||||
background-color: #282828 !important; /* Light green background */
|
||||
color: #d5c4a1 !important; /* Dark green text */
|
||||
}
|
||||
|
||||
/* Optional: Change border color on hover */
|
||||
.select2-container--bootstrap .select2-results__option:hover {
|
||||
background-color: #346b42 !important; /* Light blue background */
|
||||
color: #d5c4a1 !important; /* Dark green text */
|
||||
}
|
||||
|
||||
/* Change background color of selected items in the dropdown */
|
||||
.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
|
||||
background-color: #1a3522 !important; /* Light green background */
|
||||
color: #d5c4a1 !important; /* Dark green text */
|
||||
}
|
||||
|
||||
/* Optional: Change the background color when hovering over selected items */
|
||||
.select2-container--bootstrap .select2-results__option[aria-selected="true"]:hover {
|
||||
background-color: #346b42 !important; /* Slightly darker green */
|
||||
color: #d5c4a1 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Custom Slider switch (on/off button) */
|
||||
|
||||
|
||||
</style>
|
||||
<!-- CSS Files -->
|
||||
<link rel="stylesheet" href="/src/css/bootstrap.gruvbox.min.css"/>
|
||||
<link rel="stylesheet" href="/src/css/plugins.min.css"/>
|
||||
<link rel="stylesheet" href="/src/css/kaiadmin.gruvbox.dark.css"/>
|
||||
<link rel="stylesheet" href="/src/css/bootstrap.gruvbox.min.css"/> <!-- Basic bootstrap and theming -->
|
||||
<link rel="stylesheet" href="/src/css/sentri.min.css"/> <!-- Special css tricks for Sentri -->
|
||||
<link rel="stylesheet" href="/src/css/plugins.min.css"/> <!-- need this for scroll bars and other small things -->
|
||||
|
||||
|
||||
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css"/> -->
|
||||
|
||||
@@ -279,9 +211,9 @@ class pageBuilder extends API
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<div class="sidebar" data-background-color="dark">
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-logo">
|
||||
<div class="logo-header" data-background-color="dark2">
|
||||
<div class="logo-header">
|
||||
<a href="/" class="logo">
|
||||
<img src="/src/images/logo-sidebar-dark.webp" alt="navbar brand" class="navbar-brand" height="50"/>
|
||||
</a>
|
||||
@@ -300,7 +232,7 @@ class pageBuilder extends API
|
||||
</div>
|
||||
<div class="sidebar-wrapper scrollbar scrollbar-inner">
|
||||
<div class="sidebar-content">
|
||||
<ul class="nav nav-secondary">
|
||||
<ul class="nav nav-warning">
|
||||
|
||||
<?php
|
||||
showPage('portal-management', 'dashboard');
|
||||
@@ -348,7 +280,7 @@ class pageBuilder extends API
|
||||
<div class="main-header">
|
||||
<div class="main-header-logo">
|
||||
<!-- Logo Header -->
|
||||
<div class="logo-header" data-background-color="dark2">
|
||||
<div class="logo-header">
|
||||
<a href="/" class="logo">
|
||||
<img src="/src/images/logo-sidebar-dark.webp" alt="navbar brand" class="navbar-brand" height="50"/>
|
||||
</a>
|
||||
@@ -367,7 +299,7 @@ class pageBuilder extends API
|
||||
<!-- End Logo Header -->
|
||||
</div>
|
||||
<!-- Navbar Header -->
|
||||
<nav class="navbar navbar-header navbar-header-transparent navbar-expand-lg border-bottom" data-background-color="dark2">
|
||||
<nav class="navbar navbar-header navbar-header-transparent navbar-expand-lg border-bottom">
|
||||
<div class="container-fluid">
|
||||
<ul class="navbar-nav topbar-nav ms-md-auto align-items-center">
|
||||
<li class="nav-item topbar-icon dropdown hidden-caret d-flex d-lg-none"></li>
|
||||
@@ -428,13 +360,13 @@ class pageBuilder extends API
|
||||
<nav class="pull-left">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://docs.sentri.mooij.me" target="_blank"><i class="far fa-question-circle"></i> Help</a>
|
||||
<a class="nav-link" href="https://docs.sentri.mooij.me" target="_blank"><i class="far fa-question-circle"></i> Docs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="copyright">
|
||||
<?php echo __('version') ?>
|
||||
<a href="/changelog/">1.2.1</a>
|
||||
<a class="text-primary" href="/changelog/">1.2.1</a>
|
||||
</div>
|
||||
<div>
|
||||
<span class="navbar-text">Sentri</span>
|
||||
|
||||
@@ -308,7 +308,7 @@ class serverOverviewBuilder
|
||||
$mem_demand_text_color = 'success';
|
||||
}
|
||||
if ($mem_percent_numb > 89) {
|
||||
$mem_demand_text_color = 'secondary';
|
||||
$mem_demand_text_color = 'warning';
|
||||
}
|
||||
if ($mem_percent_numb > 99) {
|
||||
$mem_demand_text_color = 'danger';
|
||||
|
||||
Reference in New Issue
Block a user