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

10
src/routes/+layout.svelte
View File

@ -270,7 +270,7 @@ $: {
<div class="flex min-h-screen w-full flex-col bg-[#09090B]"> <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"> <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 >
@ -280,7 +280,7 @@ $: {
<span class="sr-only">Toggle Menu</span> <span class="sr-only">Toggle Menu</span>
</Button> </Button>
</Sheet.Trigger> </Sheet.Trigger>
<Sheet.Content side="left" class="sm:max-w-xs bg-[#141417] overflow-y-scroll"> <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]"> <nav class=" grid gap-6 text-lg font-medium bg-[#141417]">
<a <a
href="/" href="/"
@ -692,9 +692,8 @@ $: {
</Pane> </Pane>
<Pane> <Pane>
<Splitpanes class="w-full" theme="modern-theme"> <Splitpanes class="w-full" theme="modern-theme">
{#if $screenWidth >= 1736} <Pane class="hidden 3xl:inline-block" size={$screenWidth < 1750 ? 0 : 14} maxSize={14} minSize={0}>
<Pane size={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]">
<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]">
<nav class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full"> <nav class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full">
<a <a
href="/" href="/"
@ -936,7 +935,6 @@ $: {
</aside> </aside>
</Pane> </Pane>
{/if}
<Pane class="w-full"> <Pane class="w-full">
<main class="xl:pl-10 w-full overflow-y-auto bg-[#09090B] sm:p-4"> <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> </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 --> <!-- Page wrapper -->
<div class="flex flex-col"> <div class="flex flex-col w-full">
<main class="grow w-full"> <main class="grow w-full">
<section class="w-full"> <section class="w-full">
<div class="w-full"> <div class="w-full">
@ -542,14 +542,15 @@ $: {
<!--End Mobile Navbar--> <!--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"> <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content --> <!-- 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"> <div class="md:pr-6 lg:pr-10">
<!-----Start-Header-CandleChart-Indicators------> <!-----Start-Header-CandleChart-Indicators------>
<div class="m-auto pl-0 sm:pl-4 overflow-hidden mb-5 md:mt-10"> <div class="m-auto pl-0 sm:pl-4 overflow-hidden mb-5 md:mt-10">

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 --> <!-- Page wrapper -->
<div class="flex flex-col"> <div class="flex flex-col w-full">
<main class="grow w-full"> <main class="grow w-full">
<section class="w-full"> <section class="w-full">
<div class="w-full"> <div class="w-full">
@ -568,11 +568,11 @@ $: {
<!--End Mobile Navbar--> <!--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"> <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content --> <!-- 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"> <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--> <!--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"> <div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content --> <!-- Main content -->