mirror of
https://github.com/bytedream/stream-bypass.git
synced 2026-08-04 21:10:40 +02:00
fix tailwind classes
This commit is contained in:
@@ -17,16 +17,16 @@
|
|||||||
let activePage = $state<Page>('main');
|
let activePage = $state<Page>('main');
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex w-[350px] overflow-hidden" class:w-screen={$isMobile}>
|
<div class="flex w-75 overflow-hidden" class:w-screen={$isMobile}>
|
||||||
<Toast />
|
<Toast />
|
||||||
{#if activePage === 'main'}
|
{#if activePage === 'main'}
|
||||||
<div transition:fly={{ x: -300, duration: 150 }} class="min-w-full w-full h-[300px] flex-1 flex flex-col">
|
<div transition:fly={{ x: -300, duration: 150 }} class="min-w-full w-full h-75 flex-1 flex flex-col">
|
||||||
<Main onSettingsOpenRequest={() => (activePage = 'settings')} />
|
<Main onSettingsOpenRequest={() => (activePage = 'settings')} />
|
||||||
</div>
|
</div>
|
||||||
{:else if activePage === 'settings'}
|
{:else if activePage === 'settings'}
|
||||||
<div
|
<div
|
||||||
transition:fly={{ x: 300, duration: 150 }}
|
transition:fly={{ x: 300, duration: 150 }}
|
||||||
class="min-w-full w-full h-[300px] flex-1 flex flex-col"
|
class="min-w-full w-full h-75 flex-1 flex flex-col"
|
||||||
class:h-screen={$isMobile}
|
class:h-screen={$isMobile}
|
||||||
>
|
>
|
||||||
<Settings onSettingsCloseRequest={() => (activePage = 'main')} />
|
<Settings onSettingsCloseRequest={() => (activePage = 'main')} />
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
<script lang="ts"></script>
|
<script lang="ts"></script>
|
||||||
|
|
||||||
<div class="w-full border-b-[1px] border-gray-400"></div>
|
<div class="w-full border-b border-gray-400"></div>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
<div class="relative group h-4 flex justify-center items-center">
|
<div class="relative group h-4 flex justify-center items-center">
|
||||||
<button class="text-sm peer"><Icon src={InformationCircle} size="1rem" /></button>
|
<button class="text-sm peer"><Icon src={InformationCircle} size="1rem" /></button>
|
||||||
<span
|
<span
|
||||||
class="z-10 absolute w-58 bottom-5/4 p-1 bg-gray-800 text-xs invisible opacity-0 group-hover:visible group-hover:opacity-100 peer-focus:visible peer-focus:opacity-100 transition-[opacity]"
|
class="z-10 absolute w-58 bottom-5/4 p-1 bg-gray-800 text-xs invisible opacity-0 group-hover:visible group-hover:opacity-100 peer-focus:visible peer-focus:opacity-100 transition-opacity"
|
||||||
>You may have to send the referer header <code class="select-text">Referer: {domain}</code> when accessing
|
>You may have to send the referer header <code class="select-text">Referer: {domain}</code> when accessing
|
||||||
the url</span
|
the url</span
|
||||||
>
|
>
|
||||||
@@ -62,7 +62,7 @@
|
|||||||
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
|
<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
|
||||||
<div class="relative group w-full" tabindex={$isMobile ? 0 : undefined}>
|
<div class="relative group w-full" tabindex={$isMobile ? 0 : undefined}>
|
||||||
<pre
|
<pre
|
||||||
class="w-full h-20 overflow-y-scroll text-[0.8rem] wrap-anywhere text-wrap select-text rounded bg-gray-900 py-[0.25rem] px-1.5">{urlOutput}</pre>
|
class="w-full h-20 overflow-y-scroll text-[0.8rem] wrap-anywhere text-wrap select-text rounded bg-gray-900 py-1 px-1.5">{urlOutput}</pre>
|
||||||
<div
|
<div
|
||||||
class="absolute top-2 right-2 transition-opacity duration-100 opacity-0 group-hover:opacity-100 group-focus:opacity-100 h-full"
|
class="absolute top-2 right-2 transition-opacity duration-100 opacity-0 group-hover:opacity-100 group-focus:opacity-100 h-full"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
|
|
||||||
<div class="flex flex-col items-center justify-center w-full h-full">
|
<div class="flex flex-col items-center justify-center w-full h-full">
|
||||||
<p class="text-lg">Match found:</p>
|
<p class="text-lg">Match found:</p>
|
||||||
<div class="[&>*]:select-text">
|
<div class="*:select-text">
|
||||||
<span class="underline text-green-400 text-2xl font-bold">{host.name}</span>
|
<span class="underline text-green-400 text-2xl font-bold">{host.name}</span>
|
||||||
<span class="text-xs text-slate-300">({domain})</span>
|
<span class="text-xs text-slate-300">({domain})</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user