ctome
/
paimon-moe-fork
mirror of https://github.com/CrimsonTome/paimon-moe-fork.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix character grid style

pull/1/head
Made Baruna 2022-05-31 19:21:51 +07:00
parent ea2c0e2900
commit 0227074e14
2 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/characters/_characterGridItem.svelte
View File

@ -71,4 +71,12 @@
padding-bottom: 3px;
word-spacing: 200px;
}
.cell {
width: calc(33.33333% - 1rem);
@screen md {
@apply w-24;
}
}
</style>

48
src/routes/characters/index.svelte
View File

@ -364,7 +364,7 @@
<img src="/images/elements/geo.png" alt="geo" class="w-8 h-8" style="min-width: 2rem;" />
</button>
</div>
<div class="flex items-center justify-center md:justify-start">
<div class="flex items-center justify-center md:justify-start flex-wrap">
<button
on:click={() => toggleWeapon('sword')}
class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none {weaponFilter.sword
@ -405,24 +405,26 @@
>
<img src="/images/weapons/bow.png" alt="bow" class="w-8 h-8" style="min-width: 2rem;" />
</button>
<button
on:click={() => toggleRarity(5)}
style="line-height: 0.9;"
class="lg:ml-2 rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none text-4xl text-legendary-from {rarityFilter[5]
? ''
: 'opacity-25'}"
>
★
</button>
<button
on:click={() => toggleRarity(4)}
style="line-height: 0.9;"
class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none text-4xl text-rare-from {rarityFilter[4]
? ''
: 'opacity-25'}"
>
★
</button>
<div class="flex">
<button
on:click={() => toggleRarity(5)}
style="line-height: 0.9;"
class="lg:ml-2 rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none text-4xl text-legendary-from {rarityFilter[5]
? ''
: 'opacity-25'}"
>
★
</button>
<button
on:click={() => toggleRarity(4)}
style="line-height: 0.9;"
class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none text-4xl text-rare-from {rarityFilter[4]
? ''
: 'opacity-25'}"
>
★
</button>
</div>
</div>
</div>
</div>
@ -520,14 +522,6 @@
</div>
<style>
.cell {
width: calc(33.33333% - 1rem);
@screen md {
@apply w-24;
}
}
tr.rare:hover {
background: linear-gradient(
90deg,