diff --git a/img/1.svg b/img/1.svg deleted file mode 100644 index c57bb3e..0000000 --- a/img/1.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/2.svg b/img/2.svg deleted file mode 100644 index f02357f..0000000 --- a/img/2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/3.svg b/img/3.svg deleted file mode 100644 index bbe68e6..0000000 --- a/img/3.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/4.svg b/img/4.svg deleted file mode 100644 index efe74d7..0000000 --- a/img/4.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/img/backup2.svg b/img/backup2.svg index 5d12d44..92da0fb 100644 --- a/img/backup2.svg +++ b/img/backup2.svg @@ -1,4 +1,6 @@ - - - + + + + + diff --git a/img/settings2.svg b/img/settings2.svg index e20d161..5d6d5d0 100644 --- a/img/settings2.svg +++ b/img/settings2.svg @@ -1,4 +1,4 @@ - - + + diff --git a/img/triple.svg b/img/triple.svg deleted file mode 100644 index 7a32b13..0000000 --- a/img/triple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/manage.html b/manage.html index 79685e7..1c0d477 100644 --- a/manage.html +++ b/manage.html @@ -9,7 +9,7 @@ Safebox - +
@@ -28,12 +28,14 @@ +
@@ -94,7 +96,6 @@ const backupBtn = document.getElementById('backupBtn'); const diskBtn = document.getElementById('diskBtn'); const monitorBtn = document.getElementById('monitorBtn'); - const settingsBtn = document.getElementById('settingsBtn'); const vpnBtn = document.getElementById('vpnBtn'); const upgradeBtn = document.getElementById('upgradeBtn'); @@ -121,10 +122,12 @@ myAppsContainer.classList.remove('hidden'); popup.classList.add('hidden'); - myAppsContainer.innerHTML = '

Applications

'; + myAppsContainer.innerHTML = '

Applications

'; const appsContainer = document.getElementById('appsContainer'); const updatesBtn = document.getElementById('updatesBtn'); + const settingsBtn = document.getElementById('settingsBtn'); updatesBtn.addEventListener('click', () => renderUpdates()); + settingsBtn.addEventListener('click', () => {renderSettings();}); apps.forEach(app => { //if ((all==false && app.installed=='true') || (all==true && app.installed!='true')) { @@ -160,7 +163,10 @@ myAppsContainer.innerHTML = `

${title}

+
+ +
`; @@ -189,7 +195,10 @@ myAppsContainer.innerHTML = `

Monitor

+
+ +

Under development... @@ -253,7 +262,7 @@ const isVisible = submenu.style.display === "flex"; submenu.style.display = isVisible ? "none" : "flex"; - settingsBtn.classList.toggle("open", !isVisible); +// settingsBtn.classList.toggle("open", !isVisible); myAppsContainer.classList.remove('hidden'); popup.classList.add('hidden'); @@ -261,7 +270,10 @@ myAppsContainer.innerHTML = `

Settings

+
+ +
@@ -346,7 +358,7 @@ backupBtn.classList.remove('active'); diskBtn.classList.remove('active'); monitorBtn.classList.remove('active'); - settingsBtn.classList.remove('active'); + //settingsBtn.classList.remove('active'); btn.classList.add('active'); updateActive(); @@ -357,7 +369,7 @@ backupBtn.addEventListener('click', () => {renderText('Backup'); activate(backupBtn);}); diskBtn.addEventListener('click', () => {renderText('Disk Management'); activate(diskBtn)}); monitorBtn.addEventListener('click', () => {renderMonitor(); activate(monitorBtn)}); - settingsBtn.addEventListener('click', () => {renderSettings(); activate(settingsBtn)}); + //settingsBtn.addEventListener('click', () => {renderSettings(); activate(settingsBtn)}); vpnBtn.addEventListener('click', () => renderVPN()); upgradeBtn.addEventListener('click', () => renderVPN()); diff --git a/scan.php b/scan.php index 2a52cd5..3d72802 100644 --- a/scan.php +++ b/scan.php @@ -197,8 +197,8 @@ switch ($_GET["op"]) {

'.$template->description.'

- - + '; if ($reinstall) { echo '
'; @@ -278,7 +278,7 @@ switch ($_GET["op"]) {
"; } - echo "
+ echo "
"; echo " diff --git a/style.css b/style.css index 441054d..6700f1d 100644 --- a/style.css +++ b/style.css @@ -375,8 +375,9 @@ #appsContainer { display: flex; flex-wrap: wrap; - gap: 16px; + gap: 15px; padding: 0px; + max-width: 1105px; } .app { @@ -424,8 +425,8 @@ background-color: inherit; color: #cccccc; border: 1px solid #cccccc; - border-radius: 15px; - padding: 18px; + border-radius: 10px; + padding: 10px 20px; font-size: 16px; font-weight: 400; cursor: pointer; @@ -530,6 +531,7 @@ justify-content: space-between; align-items: center; margin-bottom: 30px; + max-width: 1105px; } .main-header h1 { @@ -537,19 +539,32 @@ font-size: 28px; } + .main-header .buttons { + display: flex; + gap: 20px; + } + .main-header button { - background-color: var(--highlight-color); - color: black; - border: none; - padding: 10px 20px; - border-radius: 10px; - cursor: pointer; - font-weight: bold; display: flex; + padding: 10px 20px; + background-color: black; + border: 1px solid #999; + border-radius: 10px; + color: #999; + font-size: 16px; + font-weight: bold; + cursor: pointer; + margin-top: 10px; + align-self: flex-start; align-items: center; gap: 10px; } + .main-header button:hover { + border: 1px solid #f5c300; + color: #f5c300; + } + .input-row, .input-group { display: flex; justify-content: space-between; @@ -616,7 +631,6 @@ left: -18px; top: -22px; display: inline-block; - font-family: Arial, sans-serif; margin: 0px; width: 0px; } @@ -704,9 +718,9 @@ background-color: black; border: 1px solid #999; color: #999; - padding: 10px 15px; - font-size: 14px; - border-radius: 5px; + padding: 10px 20px; + font-size: 16px; + border-radius: 10px; font-weight: bold; cursor: pointer; margin-top: 10px;