Sophia/steamwidgets-web
1
0
Fork 0
mirror of https://github.com/SophiaAtkinson/steamwidgets-web.git synced 2025-06-27 08:07:41 -07:00
Code Issues Packages Projects Releases Wiki Activity

Improvements

Browse Source
This commit is contained in:
Daniel Brendel
2023-05-12 15:03:15 +02:00
parent 20d4b03628
commit 5c34d09862
3 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/resources/js/app.js
View File

@ -32,11 +32,11 @@ window.vue = new Vue({
if (el.classList.contains('is-active')) { if (el.classList.contains('is-active')) {
let rootel = document.getElementsByClassName('navbar')[0]; let rootel = document.getElementsByClassName('navbar')[0];
rootel.classList.add('navbar-purple'); rootel.classList.add('navbar-background-color');
rootel.classList.add('navbar-no-transition'); rootel.classList.add('navbar-no-transition');
} else { } else {
let rootel = document.getElementsByClassName('navbar')[0]; let rootel = document.getElementsByClassName('navbar')[0];
rootel.classList.remove('navbar-purple'); rootel.classList.remove('navbar-background-color');
rootel.classList.remove('navbar-no-transition'); rootel.classList.remove('navbar-no-transition');
} }
}); });
@ -242,9 +242,9 @@ document.addEventListener('DOMContentLoaded', function(){
window.onscroll = function() { window.onscroll = function() {
if ((document.body.scrollTop > document.getElementsByClassName('navbar')[0].offsetHeight + 10) || (document.documentElement.scrollTop > document.getElementsByClassName('navbar')[0].offsetHeight + 10)) { if ((document.body.scrollTop > document.getElementsByClassName('navbar')[0].offsetHeight + 10) || (document.documentElement.scrollTop > document.getElementsByClassName('navbar')[0].offsetHeight + 10)) {
document.getElementsByClassName('navbar')[0].classList.add('navbar-purple'); document.getElementsByClassName('navbar')[0].classList.add('navbar-background-color');
} else { } else {
document.getElementsByClassName('navbar')[0].classList.remove('navbar-purple'); document.getElementsByClassName('navbar')[0].classList.remove('navbar-background-color');
} }
}; };

15
app/resources/sass/app.scss
View File

@ -26,13 +26,13 @@ body {
border-radius: 50%; border-radius: 50%;
} }
.navbar-purple { .navbar-background-color {
background-color: rgb(76, 76, 120) !important; background-color: rgb(55, 93, 134) !important;
} }
.navbar-menu { .navbar-menu {
@media screen and (max-width: 1089px) { @media screen and (max-width: 1089px) {
background-color: rgb(76, 76, 120) !important; background-color: rgb(55, 93, 134) !important;
} }
} }
@ -310,8 +310,8 @@ tbody strong {
.footer { .footer {
width: 100%; width: 100%;
color: rgb(100, 100, 100); color: rgb(150, 150, 150);
background-color: rgb(50, 50, 48); background-color: rgb(38, 65, 95);
padding: 1rem 1.5rem 1rem; padding: 1rem 1.5rem 1rem;
} }
@ -403,13 +403,16 @@ tbody strong {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 150px; width: 150px;
@media screen and (max-width: 768px) {
width: 250px;
}
height: 150px; height: 150px;
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
margin-bottom: 15px; margin-bottom: 15px;
padding-top: 25px; padding-top: 25px;
padding-bottom: 50px; padding-bottom: 50px;
background-color: rgb(50, 51, 76); background-color: rgb(35, 55, 76);
border-radius: 12px; border-radius: 12px;
border-left: 3px solid rgb(74, 123, 163); border-left: 3px solid rgb(74, 123, 163);
box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);

2
public/js/app.js
View File

File diff suppressed because one or more lines are too long