rootfs added and auth service in
This commit is contained in:
wt committed
1 parent
35bd73b894
commit
1bea37deb2
113 files changed
+1369
-24
No files matched your search
@@ -1,19 +0,0 @@
|
||||
button {
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.linkbutton {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.linkbutton:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -1,125 +0,0 @@
|
||||
.form {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
pointer-events: none;
|
||||
padding: 10px;
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transition: 0.3s;
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.form.active {
|
||||
pointer-events: all;
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.form.active>.formbody {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.formbody {
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: gray;
|
||||
/* opacity: 0.7; */
|
||||
border-radius: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.formheader {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.forminputbody {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.forminputbody.confirmform {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.forminputbody.confirmform>button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.forminputlabel {
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.forminput {
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
border: 2px solid;
|
||||
transition: 0.2s;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.forminput:focus {
|
||||
border: 5px solid;
|
||||
}
|
||||
|
||||
.formbutton {
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.formbutton:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.forminputbody {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.formbody {
|
||||
height: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.formbody {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 300px) {
|
||||
.formbody {
|
||||
height: 60%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.formheader {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
@@ -1,70 +0,0 @@
|
||||
header {
|
||||
width: 100vw;
|
||||
height: 50px;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
#headermenubutton {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.userbuttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 400px) {
|
||||
header>h1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
.userbuttons>h1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.links {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
flex-direction: column;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.links.active {
|
||||
height: max-content;
|
||||
background-color: gray;
|
||||
z-index: 10;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#headermenubutton {
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
height: fit-content;
|
||||
overflow: hidden;
|
||||
padding: 10px;
|
||||
/* margin: 0; */
|
||||
|
||||
}
|
||||
}
|
||||
@@ -1,32 +0,0 @@
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.adminpanel {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.adminpanel.active {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.section {
|
||||
position: relative;
|
||||
}
|
||||
@@ -1,64 +0,0 @@
|
||||
.loader {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
display: grid;
|
||||
z-index: 12;
|
||||
backdrop-filter: blur(5px);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.loader>h1 {
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.loadertip {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 50%;
|
||||
place-self: center;
|
||||
z-index: 12;
|
||||
position: relative;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.progress {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-top: 5px solid #56C1F9;
|
||||
border-radius: 50%;
|
||||
animation: loading 2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.loader.active {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.loader.active > .loadertip {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-bottom: 5px solid gray;
|
||||
animation: loading 2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.loader.active>h1 {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@@ -1,53 +0,0 @@
|
||||
.notificationsection {
|
||||
width: max-content;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.notification {
|
||||
width: max-content;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
border-radius: 10px;
|
||||
/* position: fixed; */
|
||||
top: 0;
|
||||
right: 0;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
margin: 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.notificationtextbox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.notificationtext {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.notification.active.error {
|
||||
pointer-events: all;
|
||||
height: 10%;
|
||||
background-color: rgb(233, 70, 70);
|
||||
}
|
||||
|
||||
.notification.active.success {
|
||||
pointer-events: all;
|
||||
height: 10%;
|
||||
background-color: rgb(76, 209, 76);
|
||||
}
|
||||
@@ -1,223 +0,0 @@
|
||||
.checkbox-wrapper-2 .ikxBAC {
|
||||
appearance: none;
|
||||
background-color: #dfe1e4;
|
||||
border-radius: 72px;
|
||||
border-style: none;
|
||||
flex-shrink: 0;
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC::before {
|
||||
bottom: -6px;
|
||||
content: "";
|
||||
left: -6px;
|
||||
position: absolute;
|
||||
right: -6px;
|
||||
top: -6px;
|
||||
transition: 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC,
|
||||
.checkbox-wrapper-2 .ikxBAC::after {
|
||||
transition: 300ms;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC::after {
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
height: 14px;
|
||||
left: 3px;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
width: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 input[type=checkbox] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC:hover {
|
||||
background-color: #c9cbcd;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC:checked {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC:checked::after {
|
||||
background-color: #fff;
|
||||
left: 13px;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 :focus:not(.focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.checkbox-wrapper-2 .ikxBAC:checked:hover {
|
||||
background-color: hsl(from green h s 20%);
|
||||
}
|
||||
|
||||
.settingssection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
/* flex-direction: column; */
|
||||
gap: 10px;
|
||||
transition: 0.3s;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.settingssection.active {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.settingrect {
|
||||
width: 25%;
|
||||
height: max-content;
|
||||
background-color: gray;
|
||||
padding: 20px;
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.settingrectheader {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.settingrectbody {
|
||||
width: 100%;
|
||||
max-height: 0;
|
||||
overflow: auto;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.settingrectbody.active {
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.settingrectbody>table {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.settingrectfooter {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.settingrectfooter.onebutton {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.settingrectfooterbutton {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hiddenbutton {
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.hiddenbutton.active {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
table {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border: 2px solid ;
|
||||
border-radius: 10px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
thead>tr>th {
|
||||
border-bottom: 2px solid;
|
||||
padding: 10px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.one {
|
||||
border: 2px solid;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.three {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
/* tbody>tr>th.one {
|
||||
border: 2px solid;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
} */
|
||||
|
||||
tbody>tr>th {
|
||||
border: 2px solid;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
width: 50%;
|
||||
max-width:425px;
|
||||
overflow-x: auto;
|
||||
/* display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between; */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.settingrect {
|
||||
width: 50%;
|
||||
}
|
||||
.settingssection {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.settingrect {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 400px) {
|
||||
.settingrect {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -1,32 +0,0 @@
|
||||
.syslogsection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: 0.3s;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.syslogsection.active {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.syslogheader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.syslogdata {
|
||||
width: 100%;
|
||||
max-height: 85vh;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
/* background-color: rgb(175, 175, 175); */
|
||||
margin: 10px 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
Reference in new issue
Block a user