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

[S] Fix layout

pull/10/head
Azalea 2024-02-10 03:06:18 -05:00
parent cb873efd38
commit e1cf944db7
1 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
AquaNet/src/pages/MaimaiRating.svelte
View File

@ -62,30 +62,32 @@
let musicInfo: any = null let musicInfo: any = null
</script> </script>
<!-- Display all parsed ratings --> <main>
{#if parsedRatings} <!-- Display all parsed ratings -->
{#each [{title: "Old", data: parsedRatings.old}, {title: "New", data: parsedRatings.new}] as section} {#if parsedRatings}
<h2>{section.title}</h2> {#each [{title: "Old", data: parsedRatings.old}, {title: "New", data: parsedRatings.new}] as section}
<div class="rating-cards"> <h2>{section.title}</h2>
{#each section.data as rating} <div class="rating-cards">
<div class="level-{rating.level}"> {#each section.data as rating}
<img class="cover" src={`${data_host}/maimai/assetbundle/jacket_s/00${rating.musicId.toString().padStart(6, '0').substring(2)}.png`} alt=""> <div class="level-{rating.level}">
<img class="cover" src={`${data_host}/maimai/assetbundle/jacket_s/00${rating.musicId.toString().padStart(6, '0').substring(2)}.png`} alt="">
<div class="detail"> <div class="detail">
<span class="name">{rating.music.name}</span> <span class="name">{rating.music.name}</span>
<span class="rating"> <span class="rating">
<span>{(rating.achievement / 10000).toFixed(2)}%</span> <span>{(rating.achievement / 10000).toFixed(2)}%</span>
<img class="rank" src={`${data_host}/maimai/sprites/rankimage/UI_GAM_Rank_${rating.rank}.png`} alt=""> <img class="rank" src={`${data_host}/maimai/sprites/rankimage/UI_GAM_Rank_${rating.rank}.png`} alt="">
</span> </span>
<span>{rating.calc.toFixed(1)}</span> <span>{rating.calc.toFixed(1)}</span>
</div>
<img class="ver" src={`${data_host}/maimai/sprites/tab/title/UI_CMN_TabTitle_MaimaiTitle_Ver${rating.music.ver.toString().substring(0, 3)}.png`} alt="">
<div class="lv">{rating.music.note.lv}</div>
</div> </div>
<img class="ver" src={`${data_host}/maimai/sprites/tab/title/UI_CMN_TabTitle_MaimaiTitle_Ver${rating.music.ver.toString().substring(0, 3)}.png`} alt=""> {/each}
<div class="lv">{rating.music.note.lv}</div> </div>
</div> {/each}
{/each} {/if}
</div> </main>
{/each}
{/if}
<style lang="sass"> <style lang="sass">
.rating-cards .rating-cards