AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-11 23:02:20 +02:00
parent 794c0d6ce1
commit 01608e83ca
4 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/routes/+layout.svelte
View File

@ -270,18 +270,18 @@ $: {
<div class="flex min-h-screen w-full flex-col bg-[#09090B]">
<Splitpanes class="w-full " style="z-index: 1" theme="no-splitter" horizontal dblClickSplitter={false}>
<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">
<Sheet.Root>
<Sheet.Root >
<Sheet.Trigger asChild let:builder>
<Button builders={[builder]} size="icon" class="sm:xl bg-[#09090B] text-white sm:hover:bg-[#27272A] border-none">
<Menu class=" h-5.5 w-5.5 sm:w-7 sm:h-7" />
<span class="sr-only">Toggle Menu</span>
</Button>
</Sheet.Trigger>
<Sheet.Content side="left" class="sm:max-w-xs bg-[#141417] overflow-y-scroll">
<nav class="grid gap-6 text-lg font-medium bg-[#141417]">
<Sheet.Content side="left" class="max-w-screen w-full sm:max-w-xs bg-[#141417] overflow-y-scroll">
<nav class=" grid gap-6 text-lg font-medium bg-[#141417]">
<a
href="/"
class="flex items-center gap-4 px-0.5 text-white"
@ -692,9 +692,8 @@ $: {
</Pane>
<Pane>
<Splitpanes class="w-full" theme="modern-theme">
{#if $screenWidth >= 1736}
<Pane size={14} minSize={0}>
<aside class="fixed overflow-y-scroll scroller overflow-hidden inset-y-0 left-0 z-50 hidden 3xl:flex w-72 flex-col 3xl:border-r 3xl:border-gray-800 bg-[#141417]">
<Pane class="hidden 3xl:inline-block" size={$screenWidth < 1750 ? 0 : 14} maxSize={14} minSize={0}>
<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
href="/"
@ -936,7 +935,6 @@ $: {
</aside>
</Pane>
{/if}
<Pane class="w-full">
<main class="xl:pl-10 w-full overflow-y-auto bg-[#09090B] sm:p-4">

9
src/routes/crypto/[tickerID]/+layout.svelte
View File

@ -452,9 +452,9 @@ $: {
</script>
<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-6xl xl:max-w-screen-2xl overflow-hidden">
<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden">
<!-- Page wrapper -->
<div class="flex flex-col">
<div class="flex flex-col w-full">
<main class="grow w-full">
<section class="w-full">
<div class="w-full">
@ -542,13 +542,14 @@ $: {
<!--End Mobile Navbar-->
<div class="w-full max-w-3xl sm:max-w-6xl px-3">
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->
<div class="pb-12 md:pb-20 w-full lg:max-w-2xl xl:max-w-3xl 2xl:max-w-5xl">
<div class="pb-12 md:pb-20 w-full 2xl:max-w-5xl">
<div class="md:pr-6 lg:pr-10">
<!-----Start-Header-CandleChart-Indicators------>

8
src/routes/etf/[tickerID]/+layout.svelte
View File

@ -479,9 +479,9 @@ $: {
<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-6xl xl:max-w-screen-2xl overflow-hidden">
<body class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden">
<!-- Page wrapper -->
<div class="flex flex-col">
<div class="flex flex-col w-full">
<main class="grow w-full">
<section class="w-full">
<div class="w-full">
@ -568,11 +568,11 @@ $: {
<!--End Mobile Navbar-->
<div class="w-full max-w-3xl sm:max-w-6xl px-3">
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->
<div class="pb-12 md:pb-20 w-full lg:max-w-2xl xl:max-w-3xl 2xl:max-w-5xl">
<div class="pb-12 md:pb-20 w-full 2xl:max-w-5xl">
<div class="md:pr-6 lg:pr-10">

2
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -487,7 +487,7 @@ $: isScrolled = y > 0;
<!--End Mobile Navbar-->
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-5">
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->