Damillora
/
Rinze
mirror of https://github.com/Damillora/Rinze.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make GameItem responsive

This commit is contained in:
Damillora 2021-01-26 02:05:46 +07:00
parent d5f4a5a1d8
commit 6e17826938
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/node_modules/components/GameListItem.svelte generated vendored
View File

@ -9,7 +9,7 @@
<p class="game-item__caption"><a href={link}>{name}</a></p>
</div>
<div class="game-item__content">
<p><CopyArea value={playername} /><span class="game-item__icon material-icons">person</span></p>
<p><CopyArea value={gameid} /><span class="game-item__icon material-icons">code</span></p>
<p><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p>
<p><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p>
</div>
</div>

7
src/style/components/_gameitem.scss
View File

@ -2,9 +2,12 @@
padding: 0.25rem 1rem;
width: 100%;
display: flex;
flex-direction: row;
flex-direction: column;
@include transition;
@include screen(lg) {
flex-direction: row;
}
&:hover {
background-color: $bg-secondary;
}