remove split panes
This commit is contained in:
MuslemRahimi
parent
a2789fc2f5
commit
2e9fdc5e64
23
package-lock.json
generated
23
package-lock.json
generated
@ -52,7 +52,6 @@
|
||||
"svelte-progress-bar": "^3.0.2",
|
||||
"svelte-range-slider-pips": "^2.3.1",
|
||||
"svelte-sonner": "^0.3.27",
|
||||
"svelte-splitpanes": "^8.0.5",
|
||||
"svelte-tags-input": "^6.0.0",
|
||||
"svelte-tiny-virtual-list": "^2.1.2",
|
||||
"tailwind-merge": "^2.4.0",
|
||||
@ -4654,15 +4653,8 @@
|
||||
"node_modules/esm-env": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
|
||||
"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
|
||||
},
|
||||
"node_modules/esm-env-robust": {
|
||||
"version": "0.0.3",
|
||||
"resolved": "https://registry.npmjs.org/esm-env-robust/-/esm-env-robust-0.0.3.tgz",
|
||||
"integrity": "sha512-90Gnuw2DALOqlL1581VxP3GHPUNHX9U+fQ+8FNcTTFClhY5gEggAAnJ3q1b2Oq23knRsjv8YpNeMRPaMLUymOA==",
|
||||
"dependencies": {
|
||||
"esm-env": "^1.0.0"
|
||||
}
|
||||
"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/estree-walker": {
|
||||
"version": "2.0.2",
|
||||
@ -7591,17 +7583,6 @@
|
||||
"svelte": "^3.0.0 || ^4.0.0 || ^5.0.0-next.1"
|
||||
}
|
||||
},
|
||||
"node_modules/svelte-splitpanes": {
|
||||
"version": "8.0.5",
|
||||
"resolved": "https://registry.npmjs.org/svelte-splitpanes/-/svelte-splitpanes-8.0.5.tgz",
|
||||
"integrity": "sha512-LUdNbuckYtGcBI5Us1ugYlw0fC6wnUEbUTgUY4TVLR/ZCsSrTw9Ftuf7NkM0tTRMCBG3ZmzPDfWuOlmSOXGU/A==",
|
||||
"dependencies": {
|
||||
"esm-env-robust": "0.0.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"svelte": "^4.2.18"
|
||||
}
|
||||
},
|
||||
"node_modules/svelte-tags-input": {
|
||||
"version": "6.0.1",
|
||||
"resolved": "https://registry.npmjs.org/svelte-tags-input/-/svelte-tags-input-6.0.1.tgz",
|
||||
|
||||
@ -94,7 +94,6 @@
|
||||
"svelte-progress-bar": "^3.0.2",
|
||||
"svelte-range-slider-pips": "^2.3.1",
|
||||
"svelte-sonner": "^0.3.27",
|
||||
"svelte-splitpanes": "^8.0.5",
|
||||
"svelte-tags-input": "^6.0.0",
|
||||
"svelte-tiny-virtual-list": "^2.1.2",
|
||||
"tailwind-merge": "^2.4.0",
|
||||
|
||||
@ -390,10 +390,12 @@ $: {
|
||||
|
||||
|
||||
<!--Start Desktop Searchbar-->
|
||||
<!--Don't remove if since input.focus does not work anymore-->
|
||||
|
||||
{#if $screenWidth >= 640}
|
||||
<input type="checkbox" id="searchBarModal" class="modal-toggle" bind:checked={searchBarModalChecked} />
|
||||
|
||||
<dialog id="searchBarModal" class="hidden sm:modal modal-top z-[999]">
|
||||
<dialog id="searchBarModal" class="modal modal-top z-[999]">
|
||||
|
||||
|
||||
<label for="searchBarModal" class="cursor-pointer modal-backdrop"></label>
|
||||
@ -530,7 +532,7 @@ $: {
|
||||
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
{:else}
|
||||
|
||||
<!--End Desktop Searchbar-->
|
||||
|
||||
@ -538,7 +540,7 @@ $: {
|
||||
<!--Start Drawer Sidewise for mobile-->
|
||||
|
||||
|
||||
<div class="sm:hidden drawer drawer-end z-40 overflow-hidden">
|
||||
<div class="drawer drawer-end z-40 overflow-hidden">
|
||||
<input id="searchBarModal" type="checkbox" class="drawer-toggle" bind:checked={searchBarModalChecked} />
|
||||
|
||||
<div class="drawer-side overflow-hidden">
|
||||
@ -665,7 +667,7 @@ $: {
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
|
||||
<!--End Drawer Sidewise for mobile-->
|
||||
|
||||
|
||||
@ -41,7 +41,6 @@
|
||||
import MessageCircle from "lucide-svelte/icons/message-circle";
|
||||
import AudioLine from "lucide-svelte/icons/audio-lines";
|
||||
|
||||
import { Pane, Splitpanes } from 'svelte-splitpanes';
|
||||
|
||||
export let data;
|
||||
|
||||
@ -270,8 +269,8 @@ $: {
|
||||
|
||||
<div class="flex min-h-screen w-full flex-col bg-[#09090B]">
|
||||
|
||||
<Splitpanes class="w-full " theme="no-splitter" horizontal dblClickSplitter={false}>
|
||||
<Pane size={6} minSize={10} maxSize={6} class="w-full navbar sticky {$screenWidth < 640 && hideHeader ? 'invisible -mt-20' : ''} top-0 z-40 bg-[#09090B] border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6">
|
||||
<div class="w-full ">
|
||||
<div class="w-full navbar sticky {$screenWidth < 640 && hideHeader ? 'invisible -mt-20' : ''} top-0 z-40 bg-[#09090B] border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6">
|
||||
|
||||
<Sheet.Root >
|
||||
<Sheet.Trigger asChild let:builder>
|
||||
@ -692,10 +691,10 @@ $: {
|
||||
{/if}
|
||||
|
||||
|
||||
</Pane>
|
||||
<Pane>
|
||||
<Splitpanes class="w-full" theme="modern-theme">
|
||||
<Pane class="hidden 3xl:inline-block" size={$screenWidth < 1750 ? 0 : 14} maxSize={14} minSize={0}>
|
||||
</div>
|
||||
<div>
|
||||
<div class="flex w-full">
|
||||
<div class="hidden 3xl:block 3xl:w-1/6">
|
||||
<aside class="fixed overflow-y-scroll scroller overflow-hidden inset-y-0 left-0 z-50 3xl:flex w-72 flex-col 3xl:border-r 3xl:border-gray-800 bg-[#141417]">
|
||||
<nav class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full">
|
||||
<a
|
||||
@ -937,26 +936,25 @@ $: {
|
||||
{/if}
|
||||
|
||||
</aside>
|
||||
</Pane>
|
||||
<Pane class="w-full">
|
||||
|
||||
<main class="xl:pl-10 w-full overflow-y-auto bg-[#09090B] sm:p-4">
|
||||
<slot />
|
||||
<Toaster class="bg-[#1A1A27] text-white text-medium"/>
|
||||
{#if Cookie && $showCookieConsent === true}
|
||||
<Cookie />
|
||||
{/if}
|
||||
</div>
|
||||
<div class="w-full 3xl:w-5/6">
|
||||
<main class="w-full overflow-y-auto bg-[#09090B] sm:p-4">
|
||||
<slot />
|
||||
<Toaster class="bg-[#1A1A27] text-white text-medium"/>
|
||||
{#if Cookie && $showCookieConsent === true}
|
||||
<Cookie />
|
||||
{/if}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
</Pane>
|
||||
</Splitpanes>
|
||||
</Pane>
|
||||
<Pane size={6} minSize={6} maxSize={6}>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
{#if !hideFooter}
|
||||
<Footer/>
|
||||
{/if}
|
||||
</Pane>
|
||||
</Splitpanes>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -971,70 +969,5 @@ $: {
|
||||
}
|
||||
|
||||
|
||||
|
||||
.splitpanes.modern-theme {
|
||||
.splitpanes__pane {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.splitpanes__splitter {
|
||||
background-color: #ccc;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
transition: opacity 0.4s;
|
||||
background-color: #2db9d2;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
&:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
&.splitpanes__splitter__active {
|
||||
z-index: 2; /* Fix an issue of overlap fighting with a near hovered splitter */
|
||||
}
|
||||
}
|
||||
}
|
||||
.modern-theme {
|
||||
&.splitpanes--vertical > .splitpanes__splitter:before {
|
||||
left: -3px;
|
||||
right: -3px;
|
||||
height: 100%;
|
||||
cursor: col-resize;
|
||||
}
|
||||
&.splitpanes--horizontal > .splitpanes__splitter:before {
|
||||
top: -3px;
|
||||
bottom: -3px;
|
||||
width: 100%;
|
||||
cursor: row-resize;
|
||||
}
|
||||
}
|
||||
|
||||
.splitpanes.no-splitter {
|
||||
.splitpanes__pane {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.splitpanes__splitter {
|
||||
background-color: #ccc;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.no-splitter {
|
||||
&.splitpanes--horizontal > .splitpanes__splitter:before {
|
||||
width: 0.125rem;
|
||||
pointer-events: none;
|
||||
cursor: none;
|
||||
}
|
||||
&.splitpanes--vertical > .splitpanes__splitter:before {
|
||||
height: 0.125rem;
|
||||
pointer-events: none;
|
||||
cursor: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user