safebox/web-installer
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 30 Wiki Activity

layout changes
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
laci
2025-05-30 15:56:43 +00:00
parent 99b248577e
commit 4de1511546
2 changed files with 43 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
common.js
View File

@@ -111,10 +111,14 @@ function check_vpn() {
if (data=="2") {
$('#vpn_off').hide();
$('#vpn_on').show();
$('#pro_off').hide();
$('#pro_on').show();
}
else {
$('#vpn_on').hide();
$('#vpn_off').show();
$('#pro_on').hide();
$('#pro_off').show();
}
setTimeout(check_vpn, 10000);
});

54
manage2.html
View File

@@ -129,21 +129,43 @@
color: orange;
border: 1px solid orange;
}
.left-buttons {
display: flex;
justify-content: center;
gap: 10px;
margin: 20px 0;
cursor: pointer;
}
.left-buttons button {
min-width: 120px;
padding: 5px 5px;
background: none;
border: 1px solid var(--button-border);
border-radius: 10px;
cursor: pointer;
color: var(--text-color);
}
.container-frame {
border: 1px solid;
border-radius: 10px;
padding: 0px;
margin: 5px;
height: 98vh;
}
.container {
clear:both;
float:none;
border: 1px solid;
border-radius: 10px;
padding-bottom: 10px;
margin: 5px;
height: 88vh;
}
.leftside {
float:left;
width:20%;
width:10%;
}
.rightside {
float:right;
width:80%;
width:90%;
display: flex;
flex-direction: column;
height: 88vh;
@@ -157,8 +179,8 @@
justify-content: flex-start;
align-items: flex-start;
gap: 40px;
min-width: 92%;
max-width: 92%;
min-width: 96%;
max-width: 96%;
margin: 0 auto;
border-radius: 10px;
box-sizing: border-box;
@@ -188,7 +210,7 @@
position: fixed;
bottom: 0;
left: 0;
width: 100%;
width: 97%;
display: flex;
justify-content: space-between;
align-items: center;
@@ -514,6 +536,7 @@
</head>
<body>
<div class="container-frame">
<div class="container">
<div class="leftside">
<div class="logo">
@@ -531,17 +554,14 @@
<span id="vpn_on" class="hidden green"><b>ON</b></span>
<span id="vpn_off" class="hidden red"><b>OFF</b></span>
</div>
<div class="buttons">
<div class="left-buttons">
<button id="servicesBtn">Services</button>
</div>
<div class="settings">Settings</div>
<div class="buttons">
<button id="updatesBtn">Updates</button>
</div>
<div class="buttons">
<div class="left-buttons">
<button id="repositoriesBtn">Repositories</button>
</div>
<div class="buttons">
<div class="left-buttons">
<button id="systemservicesBtn">System services</button>
</div>
<br>
@@ -558,6 +578,7 @@
<div class="buttons">
<button id="myAppsBtn">My Apps</button>
<button id="installAppsBtn">Install Apps</button>
<button id="updatesBtn">Updates</button>
<button id="backupBtn">Backup</button>
<button id="diskBtn">Disk Management</button>
<button id="monitorBtn">Monitor</button>
@@ -585,7 +606,8 @@
<div class="footer-center">
<p>Want to access your services remotely?</p>
<p><strong><a href="#">Go Pro!</a></strong></p>
<p class="hidden" id="pro_off"><strong><a href="#">Get Pro!</a></strong></p>
<p class="hidden" id="pro_on"><strong><a href="#">Pro settings</a></strong></p>
</div>
<div class="footer-social">
@@ -594,6 +616,8 @@
</div>
</footer>
</div>
<script>
const toggle = document.getElementById('themeToggle');
toggle.addEventListener('click', () => {
@@ -803,6 +827,6 @@
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script src="common.js?t=8"></script>
<script src="common.js?t=9"></script>
</body>
</html>