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 table scroll

pull/1/head
Made Baruna 2022-07-28 02:08:22 +07:00
parent c5d20c5707
commit 63b0430d5d
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/characters/[id].svelte
View File

@ -229,13 +229,13 @@
</svelte:head> </svelte:head>
<div class="lg:ml-64 pt-20 lg:pt-8"> <div class="lg:ml-64 pt-20 lg:pt-8">
<div class="flex"> <div class="flex">
<div class="flex flex-col xl:flex-row items-start max-w-screen-2xl w-[calc(100%-1rem)]"> <div class="flex flex-col xl:flex-row items-start max-w-screen-2xl w-full md:w-[calc(100%-1rem)]">
<img <img
class="character-image object-cover md:pl-8 self-center xl:self-auto" class="character-image object-cover md:pl-8 self-center xl:self-auto"
src="/images/characters/full/{id}.png" src="/images/characters/full/{id}.png"
alt={character.name} alt={character.name}
/> />
<div class="flex flex-col items-start mt-4 xl:mt-0 flex-1 side-detail pt-4 xl:pt-0 min-w-0"> <div class="flex flex-col items-start mt-4 xl:mt-0 flex-1 side-detail pt-4 xl:pt-0 min-w-0 max-w-full">
<div class="flex items-center px-4 md:px-8"> <div class="flex items-center px-4 md:px-8">
<h1 class="font-display font-black text-4xl leading-10 md:leading-normal md:text-5xl text-white mr-4 z-0"> <h1 class="font-display font-black text-4xl leading-10 md:leading-normal md:text-5xl text-white mr-4 z-0">
{$t(character.name)} {$t(character.name)}
@ -445,10 +445,10 @@
</div> </div>
</div> </div>
</div> </div>
<Ad class="ml-4" type="desktop" variant="mpu" id="1" />
</div> </div>
<Ad class="flex justify-center my-4" type="mobile" variant="mpu" id="2" /> <Ad class="mt-4 max-w-screen-2xl flex justify-center" type="desktop" variant="lb" id="1" />
<div class="flex flex-col mt-4 text-white px-4 md:px-8 max-w-screen-2xl"> <Ad class="flex justify-center mt-4" type="mobile" variant="mpu" id="2" />
<div class="flex flex-col text-white px-4 md:px-8 max-w-screen-2xl">
{#if builds.length > 1} {#if builds.length > 1}
<div class="flex mt-4 items-center"> <div class="flex mt-4 items-center">
{#each builds as item, i} {#each builds as item, i}
@ -726,8 +726,8 @@
> >
{$t('characters.source')} {$t('characters.source')}
</a> </a>
<Ad class="ml-8 mt-4 mb-2" type="desktop" variant="lb" id="1" /> <Ad class="mt-2 max-w-screen-2xl flex justify-center" type="desktop" variant="lb" id="2" />
<Ad type="desktop" variant="lb" id="2" /> <Ad type="mobile" variant="lb" id="2" />
<div class="flex flex-col mt-4 text-white px-4 md:px-8 max-w-screen-2xl" bind:this={talentDiv}> <div class="flex flex-col mt-4 text-white px-4 md:px-8 max-w-screen-2xl" bind:this={talentDiv}>
<a href="/characters/{id}/#talents" class="font-black font-display text-2xl mt-4"> <a href="/characters/{id}/#talents" class="font-black font-display text-2xl mt-4">
{$t('characters.talents')} {$t('characters.talents')}
@ -742,7 +742,7 @@
<PassiveSkillCard {id} image="talent_{i + 4}" data={passive} /> <PassiveSkillCard {id} image="talent_{i + 4}" data={passive} />
{/each} {/each}
</div> </div>
<Ad class="ml-8 mt-4 mb-2" type="desktop" variant="lb" id="3" /> <Ad class="mt-2 max-w-screen-2xl flex justify-center" type="desktop" variant="lb" id="3" />
<Ad class="flex justify-center mt-4 mb-2" type="mobile" variant="mpu" id="1" /> <Ad class="flex justify-center mt-4 mb-2" type="mobile" variant="mpu" id="1" />
<Ad type="mobile" variant="lb" id="1" /> <Ad type="mobile" variant="lb" id="1" />
<div class="flex flex-col text-white px-4 md:px-8 max-w-screen-2xl" id="constellations" bind:this={constellationDiv}> <div class="flex flex-col text-white px-4 md:px-8 max-w-screen-2xl" id="constellations" bind:this={constellationDiv}>