Skip to content

Commit

Permalink
change the title on manga page back to how it was
Browse files Browse the repository at this point in the history
  • Loading branch information
@Robonau
Robonau committed Oct 15, 2023
1 parent 8a76566 commit eca3f0e
Show file tree
Hide file tree
Showing 2 changed files with 169 additions and 166 deletions.
224 changes: 112 additions & 112 deletions src/app.sass
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,125 +8,125 @@
*/

@layer components
.tab-active
&.text-tab-active-primary
@apply text-primary
.tab-active
&.text-tab-active-primary
@apply text-primary

.icon-btn
@apply btn tooltip tooltip-bottom normal-case p-0 px-1
.icon-btn
@apply btn tooltip tooltip-bottom normal-case p-0 px-1

.join
& > *:last-child
@apply rounded-b-md
& > *:first-child
@apply rounded-t-md
&-x
& > *:last-child
@apply rounded-r-md
& > *:first-child
@apply rounded-l-md
&-lg
& > *:last-child
@apply rounded-r-lg
& > *:first-child
@apply rounded-l-lg
&-sm
& > *:last-child
@apply rounded-r-sm
& > *:first-child
@apply rounded-l-sm
&-xl
& > *:last-child
@apply rounded-r-xl
& > *:first-child
@apply rounded-l-xl
&-2xl
& > *:last-child
@apply rounded-r-2xl
& > *:first-child
@apply rounded-l-2xl
&-3xl
& > *:last-child
@apply rounded-r-3xl
& > *:first-child
@apply rounded-l-3xl
&-full
& > *:last-child
@apply rounded-r-full
& > *:first-child
@apply rounded-l-full
&-box
& > *:last-child
@apply rounded-r-box
& > *:first-child
@apply rounded-l-box
&-y
& > *:last-child
@apply rounded-b-md
& > *:first-child
@apply rounded-t-md
&-lg
& > *:last-child
@apply rounded-b-lg
& > *:first-child
@apply rounded-t-lg
&-sm
& > *:last-child
@apply rounded-b-sm
& > *:first-child
@apply rounded-t-sm
&-xl
& > *:last-child
@apply rounded-b-xl
& > *:first-child
@apply rounded-t-xl
&-2xl
& > *:last-child
@apply rounded-b-2xl
& > *:first-child
@apply rounded-t-2xl
&-3xl
& > *:last-child
@apply rounded-b-3xl
& > *:first-child
@apply rounded-t-3xl
&-full
& > *:last-child
@apply rounded-b-full
& > *:first-child
@apply rounded-t-full
&-box
& > *:last-child
@apply rounded-b-box
& > *:first-child
@apply rounded-t-box
.join
& > *:last-child
@apply rounded-b-md
& > *:first-child
@apply rounded-t-md
&-x
& > *:last-child
@apply rounded-r-md
& > *:first-child
@apply rounded-l-md
&-lg
& > *:last-child
@apply rounded-r-lg
& > *:first-child
@apply rounded-l-lg
&-sm
& > *:last-child
@apply rounded-r-sm
& > *:first-child
@apply rounded-l-sm
&-xl
& > *:last-child
@apply rounded-r-xl
& > *:first-child
@apply rounded-l-xl
&-2xl
& > *:last-child
@apply rounded-r-2xl
& > *:first-child
@apply rounded-l-2xl
&-3xl
& > *:last-child
@apply rounded-r-3xl
& > *:first-child
@apply rounded-l-3xl
&-full
& > *:last-child
@apply rounded-r-full
& > *:first-child
@apply rounded-l-full
&-box
& > *:last-child
@apply rounded-r-box
& > *:first-child
@apply rounded-l-box
&-y
& > *:last-child
@apply rounded-b-md
& > *:first-child
@apply rounded-t-md
&-lg
& > *:last-child
@apply rounded-b-lg
& > *:first-child
@apply rounded-t-lg
&-sm
& > *:last-child
@apply rounded-b-sm
& > *:first-child
@apply rounded-t-sm
&-xl
& > *:last-child
@apply rounded-b-xl
& > *:first-child
@apply rounded-t-xl
&-2xl
& > *:last-child
@apply rounded-b-2xl
& > *:first-child
@apply rounded-t-2xl
&-3xl
& > *:last-child
@apply rounded-b-3xl
& > *:first-child
@apply rounded-t-3xl
&-full
& > *:last-child
@apply rounded-b-full
& > *:first-child
@apply rounded-t-full
&-box
& > *:last-child
@apply rounded-b-box
& > *:first-child
@apply rounded-t-box

.tooltip-bottom-align-right
@apply tooltip-bottom
&::before
@apply right-0 left-auto transform-none
.tooltip-bottom-align-right
@apply tooltip-bottom
&::before
@apply right-0 left-auto transform-none

@layer utilities
::-webkit-scrollbar
@apply w-3
::-webkit-scrollbar
@apply w-3

::-webkit-scrollbar-track
@apply bg-transparent
::-webkit-scrollbar-track
@apply bg-transparent

:active::-webkit-scrollbar-thumb,
:focus::-webkit-scrollbar-thumb,
:hover::-webkit-scrollbar-thumb
@apply bg-base-content/25
:active::-webkit-scrollbar-thumb,
:focus::-webkit-scrollbar-thumb,
:hover::-webkit-scrollbar-thumb
@apply bg-base-content/25

::-webkit-scrollbar-thumb
@apply rounded-full bg-base-content/10 bg-clip-content border-2 border-solid border-transparent
::-webkit-scrollbar-thumb
@apply rounded-full bg-base-content/10 bg-clip-content border-2 border-solid border-transparent

::-webkit-scrollbar-thumb:hover
@apply bg-base-content/50
::-webkit-scrollbar-thumb:hover
@apply bg-base-content/50

.drawer
& > .drawer-toggle ~ .drawer-side
visibility: unset
& .drawer-toggle ~ .drawer-side > *
grid-column-start: 1
grid-row-start: 1
.drawer
& > .drawer-toggle ~ .drawer-side
visibility: unset
& .drawer-toggle ~ .drawer-side > *
grid-column-start: 1
grid-row-start: 1
111 changes: 57 additions & 54 deletions src/routes/(app)/manga/[MangaID]/+page.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -258,58 +258,7 @@
<div class="sm:w-1/2 sm:h-screen sm:overflow-y-auto" style="height:inherit">
<div class="sticky top-0 w-full flex flex-wrap h-auto z-40 mb-1 pr-1">
<div class="bg-base-200 rounded-b-xl px-4 w-full">
<div class="flex items-center justify-between w-full">
{#if manga?.title}
<div class="text-5xl line-clamp-1" title={manga.title}>{manga.title}</div>
{/if}
<butto
class="icon-btn tooltip-bottom-align-right"
onclick="Cat_modal.showModal()"
data-tip="Change Categories"
>
{#if CatChangeloading}
<span class="loading loading-infinity w-12 text-5xl" />
{:else}
<Icon class="text-5xl" icon="mdi:shape" />
{/if}
</butto>
<dialog id="Cat_modal" class="modal">
<form method="dialog" class="modal-box">
<p class="py-4">You are about to change the category of this manga!</p>
<label class="label" for="selectcats">
<span class="label-text">Change Manga Categories</span>
</label>
<select
id="selectcats"
class="select select-bordered w-full"
style="height:{cats.nodes.length < 10 ? cats.nodes.length : 10}rem"
multiple
bind:value={selectedcats}
>
{#each cats.nodes as cat}
{#if cat.id !== 0}
<option value={cat.id}>{cat.name}</option>
{/if}
{/each}
</select>
<label class="label" for="selectcats"
><span class="label-text-alt"
>Pick multiple, or none to set Default Category</span
>
</label>
<p class="text-info">
You may need to refresh before you see the manga in other tabs
</p>
<div class="modal-action flex justify-between">
<button class="btn">Cancel</button>
<button class="btn" on:click={EditCats}>Submit</button>
</div>
</form>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
<div class="flex items-center justify-between w-full" />
</div>
</div>
<div class="px-4">
Expand All @@ -320,6 +269,9 @@
alt="cover"
/>
<div class="p-4">
{#if manga?.title}
<div class="text-5xl line-clamp-2" title={manga.title}>{manga.title}</div>
{/if}
{#if manga?.author}
<div><span class="text-2xl">author:</span> {manga.author}</div>
{/if}
Expand All @@ -335,7 +287,7 @@
</div>
</div>
<div class="w-full my-4 flex">
<div class="w-1/2 inline-flex justify-center">
<div class="{manga?.inLibrary ? 'w-1/3' : 'w-1/2'} inline-flex justify-center">
<button on:click={libtoggle} class="btn flex items-center">
<Icon
class="{manga?.inLibrary ? 'text-error' : 'text-neutral'} inline text-3xl"
Expand All @@ -344,7 +296,58 @@
<span class="ml-2">{manga?.inLibrary ? 'In Library' : 'Add to Library'}</span>
</button>
</div>
<div class="w-1/2 inline-flex justify-center">
{#if manga?.inLibrary}
<div class="w-1/3 inline-flex justify-center">
<butto
class="icon-btn tooltip-bottom"
onclick="Cat_modal.showModal()"
data-tip="Change Categories"
>
{#if CatChangeloading}
<span class="loading loading-infinity w-12 text-5xl" />
{:else}
<Icon class="text-5xl" icon="mdi:shape" />
{/if}
</butto>
<dialog id="Cat_modal" class="modal">
<form method="dialog" class="modal-box">
<p class="py-4">You are about to change the category of this manga!</p>
<label class="label" for="selectcats">
<span class="label-text">Change Manga Categories</span>
</label>
<select
id="selectcats"
class="select select-bordered w-full"
style="height:{cats.nodes.length < 10 ? cats.nodes.length : 10}rem"
multiple
bind:value={selectedcats}
>
{#each cats.nodes as cat}
{#if cat.id !== 0}
<option value={cat.id}>{cat.name}</option>
{/if}
{/each}
</select>
<label class="label" for="selectcats"
><span class="label-text-alt"
>Pick multiple, or none to set Default Category</span
>
</label>
<p class="text-info">
You may need to refresh before you see the manga in other tabs
</p>
<div class="modal-action flex justify-between">
<button class="btn">Cancel</button>
<button class="btn" on:click={EditCats}>Submit</button>
</div>
</form>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
{/if}
<div class="{manga?.inLibrary ? 'w-1/3' : 'w-1/2'} inline-flex justify-center">
<a href={manga.realUrl} target="_blank" class="btn flex items-center">
<Icon class="inline text-3xl" icon="mdi-globe" />
<span class="ml-2">Open Site</span>
Expand Down

0 comments on commit eca3f0e

Please sign in to comment.