Sophia/steamwidgets-web
1
0
Fork 0
mirror of https://github.com/SophiaAtkinson/steamwidgets-web.git synced 2025-06-27 10:17: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')) {
let rootel = document.getElementsByClassName('navbar')[0];
rootel.classList.add('navbar-purple');
rootel.classList.add('navbar-background-color');
rootel.classList.add('navbar-no-transition');
} else {
let rootel = document.getElementsByClassName('navbar')[0];
rootel.classList.remove('navbar-purple');
rootel.classList.remove('navbar-background-color');
rootel.classList.remove('navbar-no-transition');
}
});
@ -242,9 +242,9 @@ document.addEventListener('DOMContentLoaded', function(){
window.onscroll = function() {
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 {
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%;
}
.navbar-purple {
background-color: rgb(76, 76, 120) !important;
.navbar-background-color {
background-color: rgb(55, 93, 134) !important;
}
.navbar-menu {
@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 {
width: 100%;
color: rgb(100, 100, 100);
background-color: rgb(50, 50, 48);
color: rgb(150, 150, 150);
background-color: rgb(38, 65, 95);
padding: 1rem 1.5rem 1rem;
}
@ -403,13 +403,16 @@ tbody strong {
position: relative;
display: inline-block;
width: 150px;
@media screen and (max-width: 768px) {
width: 250px;
}
height: 150px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
padding-top: 25px;
padding-bottom: 50px;
background-color: rgb(50, 51, 76);
background-color: rgb(35, 55, 76);
border-radius: 12px;
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);