fix: Propagated clicks in PatchItems and casing

This commit is contained in:
Ushie 2025-05-05 03:01:27 +03:00
parent 008358975b
commit 0db3580345
No known key found for this signature in database
GPG Key ID: B3AAD18842E34632
3 changed files with 13 additions and 4 deletions

View File

@ -13,7 +13,7 @@
{#if status == 404} {#if status == 404}
<p>This page received a cease and desist letter from a multi-billion dollar tech company.</p> <p>This page received a cease and desist letter from a multi-billion dollar tech company.</p>
<br /> <br />
<Button type="filled" href="/">Return Home</Button> <Button type="filled" href="/">Return home</Button>
{:else} {:else}
<p> <p>
{$page.error?.message} {$page.error?.message}
@ -23,6 +23,9 @@
<style> <style>
section { section {
display: flex;
flex-direction: column;
width: fit-content;
text-align: center; text-align: center;
margin-top: 10rem; margin-top: 10rem;
} }

View File

@ -106,7 +106,7 @@
{/if} {/if}
</Query> </Query>
<Button type="tonal" href="https://github.com/revanced/revanced-manager" target="_blank"> <Button type="tonal" href="https://github.com/revanced/revanced-manager" target="_blank">
View Source View source
</Button> </Button>
</div> </div>
<div class="screenshot"> <div class="screenshot">

View File

@ -74,7 +74,13 @@
{/if} {/if}
{#if patch.compatiblePackages[0].versions.length > 1} {#if patch.compatiblePackages[0].versions.length > 1}
<li class="button"> <li class="button">
<Button type="text" on:click={() => (showAllVersions = !showAllVersions)}> <Button
type="text"
on:click={(e) => {
e.stopPropagation();
showAllVersions = !showAllVersions;
}}
>
<div <div
class="expand-arrow" class="expand-arrow"
style:transform={showAllVersions ? 'rotate(90deg)' : 'rotate(-90deg)'} style:transform={showAllVersions ? 'rotate(90deg)' : 'rotate(-90deg)'}
@ -93,7 +99,7 @@
<span transition:fade={{ easing: quintOut, duration: 1000 }}> <span transition:fade={{ easing: quintOut, duration: 1000 }}>
<div class="options" transition:slide={{ easing: quintOut, duration: 500 }}> <div class="options" transition:slide={{ easing: quintOut, duration: 500 }}>
{#each options as option} {#each options as option}
<div class="option"> <div class="option" on:click|stopPropagation>
<h5 id="option-title">{option.title}</h5> <h5 id="option-title">{option.title}</h5>
<h5> <h5>
<pre id="option-description">{option.description}</pre> <pre id="option-description">{option.description}</pre>