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
2022-11-15 22:51:02 +01:00
parent d01a9e4fd6
commit 012f2f874f
3 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,6 +13,37 @@ body {
background-color: rgb(25, 40, 55);
}
.navbar {
background-color: rgba(255, 255, 255, 0.0);
}
a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {
background-color: rgba(255, 255, 255, 0.0) !important;
color: rgb(180, 180, 180) !important;
}
.navbar-item, .navbar-burger, .navbar-link {
color: rgb(190, 190, 190);
}
.navbar-dropdown {
background-color: rgb(50, 50, 48);
}
.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
background-color: rgba(0, 0, 0, 0.0);
}
@media screen and (max-width: 1087px) {
.navbar-menu {
background-color: rgb(50, 50, 48);
}
}
a.navbar-burger:hover {
color: rgb(200, 200, 200);
}
.navbar-start {
@media screen and (min-width: 1088px) {
flex-grow: 1;
@ -41,6 +72,7 @@ body {
.content-section {
padding: 20px;
color: rgb(150, 150, 150);
}
.content-centered {

10
app/views/navbar.php
View File

@ -13,23 +13,23 @@
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="{{ url('/#steam-app') }}" onclick="document.getElementById('burger-button').click(); return true;">
<a class="navbar-item" href="{{ url('/#steam-app') }}" onclick="document.getElementById('burger-button').click(); document.querySelector('[name=steam-app]').scrollIntoView({behavior: 'smooth'}); return false;">
Steam App
</a>
<a class="navbar-item" href="{{ url('/#steam-server') }}" onclick="document.getElementById('burger-button').click(); return true;">
<a class="navbar-item" href="{{ url('/#steam-server') }}" onclick="document.getElementById('burger-button').click(); document.querySelector('[name=steam-server]').scrollIntoView({behavior: 'smooth'}); return false;">
Steam Server
</a>
<a class="navbar-item" href="{{ url('/#steam-user') }}" onclick="document.getElementById('burger-button').click(); return true;">
<a class="navbar-item" href="{{ url('/#steam-user') }}" onclick="document.getElementById('burger-button').click(); document.querySelector('[name=steam-user]').scrollIntoView({behavior: 'smooth'}); return false;">
Steam User
</a>
<a class="navbar-item" href="{{ url('/#steam-workshop') }}" onclick="document.getElementById('burger-button').click(); return true;">
<a class="navbar-item" href="{{ url('/#steam-workshop') }}" onclick="document.getElementById('burger-button').click(); document.querySelector('[name=steam-workshop]').scrollIntoView({behavior: 'smooth'}); return false;">
Steam Workshop
</a>
<a class="navbar-item" href="{{ url('/#steam-group') }}" onclick="document.getElementById('burger-button').click(); return true;">
<a class="navbar-item" href="{{ url('/#steam-group') }}" onclick="document.getElementById('burger-button').click(); document.querySelector('[name=steam-group]').scrollIntoView({behavior: 'smooth'}); return false;">
Steam Group
</a>
</div>