archive
/
AquaDX
mirror of https://github.com/hykilpikonna/AquaDX
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

[S] Mobile

pull/10/head
Azalea 2024-02-12 03:03:07 -05:00
parent 06c0a361fd
commit bf3c123658
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
AquaNet/src/pages/UserHome.svelte
View File

@ -158,7 +158,7 @@
<div class={clazz({alt: i % 2 === 0})}> <div class={clazz({alt: i % 2 === 0})}>
<img src={`${data_host}/maimai/assetbundle/jacket_s/00${r.musicId.toString().padStart(6, '0').substring(2)}.png`} alt=""> <img src={`${data_host}/maimai/assetbundle/jacket_s/00${r.musicId.toString().padStart(6, '0').substring(2)}.png`} alt="">
<div class="info"> <div class="info">
<div>{r.name}</div> <div class="name">{r.name}</div>
<div> <div>
<span class={"rank-" + ("" + getMult(r.achievement)[2])[0]}> <span class={"rank-" + ("" + getMult(r.achievement)[2])[0]}>
<span class="rank-text">{("" + getMult(r.achievement)[2]).replace("p", "+")}</span> <span class="rank-text">{("" + getMult(r.achievement)[2]).replace("p", "+")}</span>
@ -310,6 +310,12 @@ $gap: 20px
gap: $gap gap: $gap
padding-right: 16px padding-right: 16px
// Limit song name to one line
.name
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
img img
width: 50px width: 50px
height: 50px height: 50px
@ -322,6 +328,13 @@ $gap: 20px
display: flex display: flex
justify-content: space-between justify-content: space-between
@media (max-width: $w-mobile)
flex-direction: column
gap: 0
span
text-align: left
.rank-S .rank-S
// Gold green gradient on text // Gold green gradient on text
background: linear-gradient(90deg, #ffee94, #ffb798, #ffa3e5, #ebff94) background: linear-gradient(90deg, #ffee94, #ffb798, #ffa3e5, #ebff94)