mirror of
https://github.com/RYGhub/royalnet.git
synced 2024-11-27 13:34:28 +00:00
Display minis in inline-block
This commit is contained in:
parent
413b14cf54
commit
0dadd714e6
3 changed files with 73 additions and 68 deletions
|
@ -38,12 +38,16 @@ input[type="text"], input[type="password"] {
|
|||
}
|
||||
|
||||
.game-panel {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.game-grid {
|
||||
display: grid;
|
||||
max-width: 400px;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
width: 400px;
|
||||
height: 100px;
|
||||
border-radius: 10px;
|
||||
margin: 4px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.osu {
|
||||
|
|
|
@ -1,37 +1,39 @@
|
|||
<style>
|
||||
@import url('https://fonts.googleapis.com/css?family=Exo+2');
|
||||
</style>
|
||||
<div class="game-panel osu">
|
||||
<div class="background-image"></div>
|
||||
<div class="background-color"></div>
|
||||
<div class="player">
|
||||
<a href="https://osu.ppy.sh/users/{{ osu.osu_id }}">
|
||||
<img src="https://a.ppy.sh/{{ osu.osu_id }}" class="player-image">
|
||||
<span class="player-name">{{ osu.osu_name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="game-title standard">
|
||||
osu!
|
||||
</div>
|
||||
<div class="game-score standard">
|
||||
<span class="number">{{ osu.std_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
<div class="game-title taiko">
|
||||
osu!taiko
|
||||
</div>
|
||||
<div class="game-score taiko">
|
||||
<span class="number">{{ osu.taiko_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
<div class="game-title catch">
|
||||
osu!catch
|
||||
</div>
|
||||
<div class="game-score catch">
|
||||
<span class="number">{{ osu.catch_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
<div class="game-title mania">
|
||||
osu!mania
|
||||
</div>
|
||||
<div class="game-score mania">
|
||||
<span class="number">{{ osu.mania_pp | int }}</span><span class="pp">pp</span>
|
||||
<div class="game-panel">
|
||||
<div class="game-grid osu">
|
||||
<div class="background-image"></div>
|
||||
<div class="background-color"></div>
|
||||
<div class="player">
|
||||
<a href="https://osu.ppy.sh/users/{{ osu.osu_id }}">
|
||||
<img src="https://a.ppy.sh/{{ osu.osu_id }}" class="player-image">
|
||||
<span class="player-name">{{ osu.osu_name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="game-title standard">
|
||||
osu!
|
||||
</div>
|
||||
<div class="game-score standard">
|
||||
<span class="number">{{ osu.std_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
<div class="game-title taiko">
|
||||
osu!taiko
|
||||
</div>
|
||||
<div class="game-score taiko">
|
||||
<span class="number">{{ osu.taiko_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
<div class="game-title catch">
|
||||
osu!catch
|
||||
</div>
|
||||
<div class="game-score catch">
|
||||
<span class="number">{{ osu.catch_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
<div class="game-title mania">
|
||||
osu!mania
|
||||
</div>
|
||||
<div class="game-score mania">
|
||||
<span class="number">{{ osu.mania_pp | int }}</span><span class="pp">pp</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -1,35 +1,34 @@
|
|||
<style>
|
||||
@import url('https://fonts.googleapis.com/css?family=Exo+2');
|
||||
</style>
|
||||
<div class="game-panel rl">
|
||||
<div class="player">
|
||||
<a href="http://steamcommunity.com/profiles/{{ rl.steam.steam_id }}">
|
||||
<img src="{{ rl.steam.avatar_url() }}" class="player-image">
|
||||
<span class="player-name">{{ rl.steam.persona_name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="game-title duel">
|
||||
DUELLO
|
||||
</div>
|
||||
<div class="game-score duel">
|
||||
<img src="{{ rl.solo_rank_image() }}">
|
||||
</div>
|
||||
<div class="game-title doubles">
|
||||
DOPPIO
|
||||
</div>
|
||||
<div class="game-score doubles">
|
||||
<img src="{{ rl.doubles_rank_image() }}">
|
||||
</div>
|
||||
<div class="game-title standard">
|
||||
STANDARD
|
||||
</div>
|
||||
<div class="game-score standard">
|
||||
<img src="{{ rl.standard_rank_image() }}">
|
||||
</div>
|
||||
<div class="game-title solostd">
|
||||
SOLO STD
|
||||
</div>
|
||||
<div class="game-score solostd">
|
||||
<img src="{{ rl.solo_std_rank_image() }}">
|
||||
<div class="game-panel">
|
||||
<div class="game-grid rl">
|
||||
<div class="player">
|
||||
<a href="http://steamcommunity.com/profiles/{{ rl.steam.steam_id }}">
|
||||
<img src="{{ rl.steam.avatar_url() }}" class="player-image">
|
||||
<span class="player-name">{{ rl.steam.persona_name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="game-title duel">
|
||||
DUELLO
|
||||
</div>
|
||||
<div class="game-score duel">
|
||||
<img src="{{ rl.solo_rank_image() }}" title="{{ rl.single_mmr }} MMR">
|
||||
</div>
|
||||
<div class="game-title doubles">
|
||||
DOPPIO
|
||||
</div>
|
||||
<div class="game-score doubles">
|
||||
<img src="{{ rl.doubles_rank_image() }}" title="{{ rl.doubles_mmr }} MMR">
|
||||
</div>
|
||||
<div class="game-title standard">
|
||||
STANDARD
|
||||
</div>
|
||||
<div class="game-score standard">
|
||||
<img src="{{ rl.standard_rank_image() }}" title="{{ rl.standard_mmr }} MMR">
|
||||
</div>
|
||||
<div class="game-title solostd">
|
||||
SOLO STD
|
||||
</div>
|
||||
<div class="game-score solostd">
|
||||
<img src="{{ rl.solo_std_rank_image() }}" title="{{ rl.solo_std_mmr }} MMR">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in a new issue