ben
/
luci-theme-privaterouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' into ben-main

Browse Source
main
Jason Hawks 10 months ago
parent e3ccb89fb9 3ce5d928be
commit b05bd9a940
4 changed files with 65 additions and 321 deletions
Show Stats Download Patch File Download Diff File

263
css/custom.css
Unescape Escape View File

@ -1,263 +0,0 @@
.Dashboard {
color: #212529 !important
}
.Dashboard h3 {
color: #ffffff
}
.Dashboard hr {
border: 0;
height: 0;
overflow: visible;
box-sizing: content-box;
border-top: 1px solid rgba(0, 0, 0, .1);
margin: 0
}
.Dashboard .box-s1 {
min-height: 466px
}
.Dashboard .internet-status-self .internet-status-info .title {
height: 97px
}
.Dashboard .dashboard-bg {
border-radius: 16px;
background-color: #3f3f3f69
}
.Dashboard .title {
text-align: center
}
.Dashboard .section-content {
display: flex;
vertical-align: top;
align-items: flex-start;
justify-content: space-between;
padding: 20px 0 0
}
.Dashboard .section-content>div {
width: 100%;
padding: 1.5em
}
.Dashboard .section-content .settings-info {
padding-top: 1em
}
.Dashboard .section-content .internet-status-info .settings-info>div>p>i {
padding: 0 0 0 5px
}
.Dashboard .section-content>div:nth-child(2) {
margin-left: 20px
}
.Dashboard .devices-list .devices-info .tr .td {
padding: 0px 0 0 10px
}
.Dashboard .devices-list .devices-info .tr .td:first-child {
width: 33%;
word-break: break-all
}
.Dashboard .devices-list hr:nth-child(4) {
margin-top: 0;
margin-bottom: 8px
}
.Dashboard .router-status-lan .devices-list .table-titles .th:first-child {
width: 35%
}
.Dashboard .router-status-self .router-status-info .settings-info {
padding-left: 27px
}
.Dashboard .router-status-self .router-status-info .title h3 {
margin-top: -2px
}
.Dashboard .router-status-info svg {
width: 70px
}
.Dashboard .internet-status-self .settings-info p:first-child span:first-child {
font-size: 15px;
font-weight: 500
}
.Dashboard .internet-status-self .settings-info p:nth-child(2) span:first-child,
.Dashboard .router-status-wifi .wifi-info .settings-info p:first-child span:first-child,
.Dashboard .router-status-wifi .wifi-info .settings-info p:nth-child(2) span:first-child {
font-weight: 700
}
.Dashboard .settings-info p span:first-child {
width: 35%;
font-size: 12px;
text-align: right
}
.Dashboard .settings-info p span:nth-child(2) {
display: inline-block;
word-break: break-all;
max-width: 150px;
overflow: hidden;
max-height: 16px;
position: relative;
top: 2px
}
.Dashboard .router-status-info .settings-info p span:nth-child(2) {
max-width: 283px
}
.Dashboard .settings-info p span.ssid {
max-height: 18px;
top: 3px
}
.Dashboard .settings-info p span.encryption {
max-width: 82px
}
.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td {
padding: 0 10px
}
.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:first-child {
width: 30%;
word-break: break-all
}
.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:nth-child(2) {
width: 21%;
overflow: hidden;
padding-left: 0;
word-break: break-all
}
.Dashboard .router-status-wifi .wifi-info .settings-info {
padding: 1em 0
}
.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:nth-child(3) {
width: 22%;
overflow: hidden;
position: relative;
top: -3px
}
.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:nth-child(5) {
width: initial
}
.Dashboard .router-status-wifi .wifi-info .devices-info .device-info .progress {
width: 100%;
margin: 0;
padding: 0
}
.Dashboard .wifi-info .devices-info .table-titles {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.Dashboard .section-content .internet-status-info .settings-info,
.Dashboard .router-status-wifi .wifi-info .settings-info,
.Dashboard .router-status-lan .lan-info .settings-info {
display: flex;
justify-content: space-around
}
.Dashboard .devices-list .devices-info,
.Dashboard .router-status-wifi .wifi-info>hr:last-child {
margin-bottom: 0
}
@media screen and (min-width: 200px) and (max-width: 640px) {
.Dashboard .cbi-section-1>.section-content {
padding-top: 10px
}
.Dashboard .section-content>div {
padding: 1em
}
.Dashboard .section-content>div:first-child {
margin-bottom: 10px
}
.Dashboard .section-content>div:nth-child(2) {
margin: 0
}
.Dashboard .router-status-self .router-status-info .settings-info {
padding: 0
}
.Dashboard .section-content .internet-status-info .settings-info>div:first-child {
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.Dashboard .router-status-wifi .wifi-info .settings-info>div {
flex: 1
}
.Dashboard .section-content .router-status-lan .devices-info .table-titles .th:last-child {
padding-left: 70px
}
.Dashboard .section-content .router-status-lan .devices-info .td:first-child {
flex: 2 2 31%
}
.Dashboard .section-content .router-status-lan .devices-info .td:nth-child(2) {
flex: 1 1 24%;
padding: 0
}
.Dashboard .section-content .router-status-lan .devices-info .td:last-child {
word-wrap: normal
}
.Dashboard .router-status-wifi .wifi-info .settings-info>div p:nth-child(6)>span:last-child {
display: inline-block;
overflow: hidden;
height: 14px;
width: 52%;
word-break: break-word;
line-height: 15px
}
.Dashboard .wifi-info .devices-info .table-titles {
display: flex;
border-radius: initial;
margin: 0;
padding: 0
}
.Dashboard .wifi-info .devices-info .table-titles .th {
flex: 2 2 24%
}
.Dashboard .wifi-info .devices-info .tr .td {
flex: 2 2 10%
}
.Dashboard .wifi-info hr:nth-child(4) {
margin-bottom: 0
}
.Dashboard .section-content,
.Dashboard .section-content .internet-status-info .settings-info,
.Dashboard .section-content .router-status-lan .devices-info .table-titles {
display: block
}
}

101
luasrc/gaya/gaya.css
Unescape Escape View File

@ -347,14 +347,17 @@ label {
width: inherit; width: inherit;
cursor: default; cursor: default;
} }
select:not([multiple="multiple"]):focus, select:not([multiple]):focus,
input:not(.cbi-button):focus, input:not(.cbi-button):focus,
.cbi-dropdown:focus { .cbi-dropdown:focus {
border-color: var(--main-color); border-color: var(--main-color);
} }
.cbi-dropdown, .cbi-dropdown,
select[multiple="multiple"] { select[multiple] {
height: auto; height: auto;
}
.cbi-value input[type="text"] {
padding: 10px;
} }
pre { pre {
overflow: auto; overflow: auto;
@ -581,7 +584,6 @@ label {
left: 10px; left: 10px;
right: auto; right: auto;
width: 95%; width: 95%;
align: center;
transition: transform 0.5s; transition: transform 0.5s;
border-top: var(--navBorder); border-top: var(--navBorder);
text-align: center; text-align: center;
@ -750,8 +752,6 @@ strong {
height: 16px; height: 16px;
content: ""; content: "";
background: url(./sidebar-icon/layout-fluid.png) no-repeat; background: url(./sidebar-icon/layout-fluid.png) no-repeat;
}
.main > .main-left > .nav > .slide > .menu.active::before {
} }
.main > .main-left > .nav > .slide > [data-title="Status"]:before { .main > .main-left > .nav > .slide > [data-title="Status"]:before {
@ -1016,10 +1016,6 @@ strong {
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
position: relative; position: relative;
}
.cbi-modal .cbi-section,
.cbi-section .cbi-section {
} }
.cbi-section:nth-of-type(1) { .cbi-section:nth-of-type(1) {
z-index: 4; /* the first section will be on top */ z-index: 4; /* the first section will be on top */
@ -1148,7 +1144,6 @@ strong {
border: 0; border: 0;
background-color: #f0f0f0; background-color: #f0f0f0;
background-image: none; background-image: none;
-webkit-appearance: none;
-ms-touch-action: manipulation; -ms-touch-action: manipulation;
touch-action: manipulation; touch-action: manipulation;
padding: 0 0.8rem; padding: 0 0.8rem;
@ -1156,9 +1151,6 @@ strong {
.cbi-button-up { .cbi-button-up {
transform: scaleY(-1); transform: scaleY(-1);
} }
.cbi-button:not(select) {
-webkit-appearance: none !important;
}
.cbi-button + .cbi-button { .cbi-button + .cbi-button {
margin-left: 0.6rem; margin-left: 0.6rem;
} }
@ -1353,7 +1345,7 @@ strong {
border-radius: 10px; border-radius: 10px;
} }
.cbi-tabmenu > li[class~= data-tab=] { .cbi-tabmenu > li[class~="data-tab"] {
color: #ffffff; color: #ffffff;
} }
[data-tab-title] { [data-tab-title] {
@ -1457,10 +1449,6 @@ strong {
word-wrap: break-word; word-wrap: break-word;
padding: 0.25rem; padding: 0.25rem;
} }
.cbi-rowstyle-2 .cbi-button-up,
.cbi-rowstyle-2 .cbi-button-down,
body:not(.Interfaces) .cbi-rowstyle-2:first-child {
}
.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell { .cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
width: auto !important; width: auto !important;
} }
@ -1658,8 +1646,7 @@ strong {
flex-grow: 1; flex-grow: 1;
justify-content: space-around; justify-content: space-around;
} }
.cbi-dropdown[open] > ul.dropdown > li {
}
.cbi-dropdown[open] > ul.dropdown > li[selected] { .cbi-dropdown[open] > ul.dropdown > li[selected] {
background: #b0d0f0; background: #b0d0f0;
} }
@ -2356,7 +2343,7 @@ strong {
width: 100%; width: 100%;
} }
.cbi-rowstyle-2 { .cbi-rowstyle-2 {
background-color: ; background-color: rgb(104, 104, 104);
} }
.pull-right, .pull-right,
.node-main-login > .main form > div:last-child { .node-main-login > .main form > div:last-child {
@ -2508,16 +2495,7 @@ strong {
.center::before { .center::before {
text-align: center !important; text-align: center !important;
} }
div > table > tbody > tr:nth-of-type(2n),
div > .table > .tr:nth-of-type(2n),
.cbi-section .cbi-section-remove:nth-of-type(2n),
.container > .cbi-section .cbi-section-node:nth-of-type(2n),
.cbi-section[id] .cbi-section-remove:nth-of-type(4n + 3),
.cbi-section[id] .cbi-section-node:nth-of-type(4n + 4),
.cbi-tabcontainer > .cbi-value:nth-of-type(2n),
.cbi-rowstyle-1 {
}
.cbi-dropdown > ul > li .hide-open, .cbi-dropdown > ul > li .hide-open,
.cbi-dropdown[open] > ul.dropdown > li .hide-close { .cbi-dropdown[open] > ul.dropdown > li .hide-close {
display: initial; display: initial;
@ -2668,6 +2646,7 @@ strong {
.cbi-value input[type="password"] { .cbi-value input[type="password"] {
min-width: 19rem; min-width: 19rem;
} }
#cbi-firewall-zone .cbi-input-select { #cbi-firewall-zone .cbi-input-select {
min-width: 4rem; min-width: 4rem;
} }
@ -2745,7 +2724,7 @@ strong {
.cbi-value input[type="password"], .cbi-value input[type="password"],
.cbi-value input[name^="pw"], .cbi-value input[name^="pw"],
.cbi-value input[data-update="change"]:nth-child(2) { .cbi-value input[data-update="change"]:nth-child(2) {
width: 100%; width: 100% !important;
min-width: 13rem; min-width: 13rem;
color: #fff; color: #fff;
} }
@ -2893,8 +2872,6 @@ strong {
.cbi-section { .cbi-section {
margin: 1rem 0 0; margin: 1rem 0 0;
} }
}
#maincontent > .container { #maincontent > .container {
margin: 0 0.5rem 1.5rem; margin: 0 0.5rem 1.5rem;
} }
@ -2907,7 +2884,8 @@ strong {
display: block; display: block;
min-width: 0 !important; min-width: 0 !important;
text-align: left; text-align: left;
margin: 0.5rem 0; margin: 0.15rem 0;
font-size: .85rem;
} }
.cbi-value > .cbi-value-field { .cbi-value > .cbi-value-field {
display: inline-block; display: inline-block;
@ -2945,9 +2923,6 @@ strong {
#command-rc-output > pre, #command-rc-output > pre,
[data-page="admin-services-wol"] .notice code { [data-page="admin-services-wol"] .notice code {
font-size: 0.8rem !important; font-size: 0.8rem !important;
}
h2 {
} }
.cbi-section > h3:first-child, .cbi-section > h3:first-child,
.panel-title { .panel-title {
@ -3000,7 +2975,7 @@ strong {
.main > .main-left > .nav > .slide > .slide-menu > li > a, .main > .main-left > .nav > .slide > .slide-menu > li > a,
.tr[data-title]::before, .tr[data-title]::before,
.tr.cbi-section-table-titles.named::before { .tr.cbi-section-table-titles.named::before {
font-size: font-size: 0.5rem;
} }
.cbi-value-title, .cbi-value-title,
.cbi-value-description, .cbi-value-description,
@ -3009,7 +2984,7 @@ strong {
.cbi-value-field .cbi-input-select, .cbi-value-field .cbi-input-select,
.cbi-value input[type="text"], .cbi-value input[type="text"],
.node-system-packages > .main .cbi-value .cbi-value-field input { .node-system-packages > .main .cbi-value .cbi-value-field input {
width: 100%; /* width: 100%; */
color: #fff; color: #fff;
} }
.cbi-page-actions > div > input, .cbi-page-actions > div > input,
@ -3052,3 +3027,51 @@ strong {
} }
} }
.cbi-checkbox {
position: relative;
display: inline-block;
width: 40px; /* Decreased from 75px */
height: 20px; /* Decreased from 25px */
border-radius: 20px; /* Optional: added for rounded corners */
}
.cbi-checkbox input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0; /* Make it invisible but still clickable */
cursor: pointer;
}
.cbi-checkbox label {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #bbb;
transition: background-color .4s;
border-radius: 20px; /* Make the background rounded */
}
.cbi-checkbox label::after {
content: "";
position: absolute;
top: 1px; /* Adjusted to match the new height */
left: 1px; /* Adjusted to match the new width */
width: 18px; /* Decreased to fit the new dimensions */
height: 18px; /* Decreased to fit the new dimensions */
background-color: #fff;
transition: left .4s;
border-radius: 50%; /* Ensures the slider stays circular */
}
.cbi-checkbox input[type="checkbox"]:checked + label {
background-color: #77C2BB;
}
.cbi-checkbox input[type="checkbox"]:checked + label::after {
left: 20px; /* Adjusted to new width */
background-color: #009688;
}

16
template/header.htm
Unescape Escape View File

@ -60,22 +60,6 @@
<img src="<%=media%>/gaya/icons/arrow.svg" alt=""> <img src="<%=media%>/gaya/icons/arrow.svg" alt="">
</label> </label>
</div> </div>
<script>
{
const nav = document.querySelector(".navbar");
let lastScrollY = window.scrollY;
window.addEventListener("scroll", () => {
if (lastScrollY < window.scrollY) {
nav.classList.add("navbar--hidden");
} else {
nav.classList.remove("navbar--hidden");
}
lastScrollY = window.scrollY;
});
}
</script>
<div class="fill"> <div class="fill">
<div class="container"> <div class="container">

Write Preview
Loading…
Cancel
Save