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

Resolves #7

Browse Source
This commit is contained in:
Daniel Brendel
2023-03-25 15:23:50 +01:00
parent 5d84d9a100
commit a3127dbdf3
3 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -405,7 +405,7 @@ tbody strong {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
margin-bottom: 15px; margin-bottom: 15px;
padding-top: 59px; padding-top: 25px;
padding-bottom: 50px; padding-bottom: 50px;
background-color: rgb(50, 51, 76); background-color: rgb(50, 51, 76);
border-radius: 12px; border-radius: 12px;
@ -415,6 +415,14 @@ tbody strong {
text-align: center; text-align: center;
} }
.widget-type-icon {
padding-bottom: 5px;
}
.widget-type-info {
padding-top: 5px;
}
.is-centered { .is-centered {
text-align: center; text-align: center;
} }

15
app/views/index.php
View File

@ -74,23 +74,28 @@ let widget = new SteamApp('#app-widget', {
<div class="widget-types"> <div class="widget-types">
<div class="widget-type fade fade-out"> <div class="widget-type fade fade-out">
Game/App <div class="widget-type-icon"><i class="fas fa-gamepad fa-3x"></i></div>
<div class="widget-type-info">Game/App</div>
</div> </div>
<div class="widget-type fade fade-out"> <div class="widget-type fade fade-out">
Workshop <div class="widget-type-icon"><i class="fas fa-puzzle-piece fa-3x"></i></div>
<div class="widget-type-info">Workshop</div>
</div> </div>
<div class="widget-type fade fade-out"> <div class="widget-type fade fade-out">
Group <div class="widget-type-icon"><i class="fas fa-users fa-3x"></i></div>
<div class="widget-type-info">Group</div>
</div> </div>
<div class="widget-type fade fade-out"> <div class="widget-type fade fade-out">
Player <div class="widget-type-icon"><i class="fas fa-user fa-3x"></i></div>
<div class="widget-type-info">Player</div>
</div> </div>
<div class="widget-type fade fade-out"> <div class="widget-type fade fade-out">
Gameserver <div class="widget-type-icon"><i class="fas fa-server fa-3x"></i></div>
<div class="widget-type-info">Gameserver</div>
</div> </div>
</div> </div>
</div> </div>

2
public/js/app.js
View File

File diff suppressed because one or more lines are too long