updating styling

This commit is contained in:
Russell2259
2024-02-21 21:48:17 +00:00
parent b4cf5dafd4
commit d3224ddc22
7 changed files with 18 additions and 32 deletions
+8 -1
View File
@@ -95,13 +95,20 @@ body::-webkit-scrollbar-corner {
height: 7vh;
border-radius: 2vh;
font-size: 3vh;
cursor: text;
margin-right: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
select {
height: 7vh;
height: calc(7vh + 2px);
border-radius: 2vh;
font-size: 3vh;
background: var(--sidebar-bg);
margin-left: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
}
+6 -6
View File
@@ -216,18 +216,18 @@ body[data-theme='violet'] {
}
body[data-theme='cyan'] {
--background-color: #000000;
--background-color: rgba(0, 0, 0, 0.8);
--background-darker: rgba(0, 0, 0, 0.9);
--text: #fff;
--sidebar-bg: #000000;
--button-bg: #000000;
--shadow-color: #00d1c7;
--shadow-color: #1f4e4c;
--switch-color: #00404b;
--switch-active: #00fff2;
--scrollbar-color: #000000;
--solid: #000000;
--hover: #8fe0dc;
background: linear-gradient(90deg, rgb(94, 255, 247) 0%, rgba(0, 0, 0, 1) 85%);
background: linear-gradient(90deg, rgb(94, 255, 247) 0%, rgb(78, 138, 157) 85%);
animation: cyan-gradient 12s ease infinite;
@keyframes cyan-gradient {
@@ -246,18 +246,18 @@ body[data-theme='cyan'] {
}
body[data-theme='bronze'] {
--background-color: #000000;
--background-color: rgba(0, 0, 0, 0.8);
--background-darker: rgba(0, 0, 0, 0.9);
--text: #fff;
--sidebar-bg: #000000;
--button-bg: #000000;
--shadow-color: #ca720e;
--shadow-color: #4c2b04;
--switch-color: #643c00;
--switch-active: #ffa318;
--scrollbar-color: #000000;
--solid: #000000;
--hover: #ffb74a;
background: linear-gradient(90deg, rgb(253, 135, 1) 0%, rgba(0, 0, 0, 1) 85%);
background: linear-gradient(90deg, rgb(253, 135, 1) 0%, rgb(58, 32, 3));
animation: bronze-gradient 12s ease infinite;
@keyframes bronze-gradient {
-3
View File
@@ -9,7 +9,6 @@ const load = () => fetch('/api/apps').then(res => res.json()).then(apps => {
const image = document.createElement('img');
image.src = app.image;
image.loading = 'lazy';
image.onerror = () => image.src = '/assets/img/logo.png';
el.appendChild(image);
@@ -28,8 +27,6 @@ const load = () => fetch('/api/apps').then(res => res.json()).then(apps => {
el.addEventListener('click', async () => {
document.body.style.opacity = '0.7';
umami.track('app_' + app.name);
setTimeout(() => {
if (isValidURL(app.target)) createViewPage({
target: app.target,
-3
View File
@@ -10,7 +10,6 @@ const load = () => fetch('/api/cheats')
const image = document.createElement('img');
image.src = cheat.image;
image.loading = 'lazy';
image.onerror = () => image.src = '/assets/img/logo.png';
el.appendChild(image);
@@ -29,8 +28,6 @@ const load = () => fetch('/api/cheats')
el.addEventListener('click', () => {
document.body.style.opacity = '0.7';
umami.track('cheat_' + cheat.name);
setTimeout(() => {
if (isValidURL(cheat.target)) createViewPage({
target: cheat.target,
-8
View File
@@ -43,8 +43,6 @@ const load = () => {
el.addEventListener('click', async () => {
document.body.style.opacity = '0.7';
umami.track('game-' + game.name);
setTimeout(() => {
if (isValidURL(game.target)) createViewPage({
target: game.target,
@@ -103,7 +101,6 @@ const load = () => {
const image = document.createElement('img');
image.src = game.image;
image.loading = 'lazy';
image.onerror = () => image.src = '/assets/img/logo.png';
popularEl.appendChild(image);
@@ -114,8 +111,6 @@ const load = () => {
popularEl.addEventListener('click', async () => {
document.body.style.opacity = '0.7';
umami.track('popular-game_' + game.name);
setTimeout(() => {
if (isValidURL(game.target)) createViewPage({
target: game.target,
@@ -145,7 +140,6 @@ const load = () => {
const image = document.createElement('img');
image.src = game.image;
image.loading = 'lazy';
image.onerror = () => image.src = '/assets/img/logo.png';
el.appendChild(image);
@@ -164,8 +158,6 @@ const load = () => {
el.addEventListener('click', async () => {
document.body.style.opacity = '0.7';
umami.track('game-' + game.name);
setTimeout(() => {
if (isValidURL(game.target)) createViewPage({
target: game.target,
+2 -9
View File
@@ -104,13 +104,8 @@ const hyperlinkHandler = (hyperlink, e) => {
document.querySelectorAll('a').forEach(hyperlink => hyperlink.addEventListener('click', (e) => hyperlinkHandler(hyperlink, e)));
window.onhashchange = () => {
if (location.hash === '#settings') {
document.querySelector('.sidebar').classList.add('active');
umami.track('sidebar-open');
} else {
document.querySelector('.sidebar').classList.remove('active');
umami.track('sidebar-close');
}
if (location.hash === '#settings') document.querySelector('.sidebar').classList.add('active');
else document.querySelector('.sidebar').classList.remove('active');
};
if (window.self === window.top && location.pathname !== '/view') setTimeout(async () => {
@@ -142,8 +137,6 @@ if (location.pathname === '/') {
document.querySelector('.featured').addEventListener('click', () => {
document.body.style.opacity = '0.7';
umami.track('game-' + game.name);
setTimeout(() => {
if (isValidURL(game.target)) createViewPage({
target: game.target,
+2 -2
View File
@@ -31,8 +31,6 @@
<div class="content centered">
<h1 style="font-size: 6vh;">Games</h1>
<h1 style="font-size: 4vh;" class="gamesectionheader">Popular</h1>
<div class="popular-games">
</div>
@@ -48,6 +46,8 @@
</select>
</div>
<br>
<!--el:ad_horizontal-->
<div class="games">