Damillora/Rinze
1
0
Fork 0
mirror of https://github.com/Damillora/Rinze.git synced 2024-11-22 11:47:33 +00:00
Code Issues Projects Releases Wiki Activity

Make GameItem responsive

Browse Source
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> <p class="game-item__caption"><a href={link}>{name}</a></p>
</div> </div>
<div class="game-item__content"> <div class="game-item__content">
<p><CopyArea value={playername} /><span class="game-item__icon material-icons">person</span></p> <p><span class="game-item__icon material-icons">person</span><CopyArea value={playername} /></p>
<p><CopyArea value={gameid} /><span class="game-item__icon material-icons">code</span></p> <p><span class="game-item__icon material-icons">code</span><CopyArea value={gameid} /></p>
</div> </div>
</div> </div>

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

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