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

fix navbar of stocks, etf and crypto page

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-12 10:15:41 +02:00
parent 1fc73f90de
commit 1ddafdc962
4 changed files with 84 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/+error.svelte
View File

@ -1,6 +1,5 @@
<script>
import { page } from '$app/stores';
import { onMount } from 'svelte';
//import { trackError,trackButtonClick } from '$lib/mixpanel';
import logo from '$lib/images/stocknear_logo.png';
@ -13,7 +12,7 @@
<div class="bg-[#09090B] mt-10 m-auto overflow-hidden w-full max-w-4xl">
<div class="lg:flex">
<div class="mt-10 mb-5 m-auto">
<h1 class="text-white text-center text-4xl font-bold mb-5">
<h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5">
Page Not found - {$page?.status}
<!--Server Maintenance-->
</h1>

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

@ -460,8 +460,8 @@ $: {
<div class="w-full">
<div class="sm:flex sm:justify-start w-full">
<!--Start Mobile Navbar-->
<div class="navbar w-screen sticky top-0 mt-4 z-30 bg-[#09090B] sm:hidden ">
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden">
<div class="navbar w-full px-4 py-2">
<div class="{isScrolled ? 'border-b border-slate-800 ease-in' : 'ease-out'} m-auto w-full">
<div class="flex-1 flex-shrink-0 flex flex-row items-center justify-between -mt-2">
@ -539,10 +539,11 @@ $: {
</div>
</div>
</div>
</div>
<!--End Mobile Navbar-->
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">
<div class="pt-20 sm:pt-0 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 -->

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

@ -487,7 +487,8 @@ $: {
<div class="w-full">
<div class="sm:flex sm:justify-start w-full">
<!--Start Mobile Navbar-->
<div class="navbar w-screen sticky top-0 mt-4 z-30 bg-[#09090B] sm:hidden">
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden">
<div class="navbar w-full px-4 py-2">
<div class="{isScrolled ? 'border-b border-slate-800 ease-in' : 'ease-out'} m-auto w-full">
@ -565,10 +566,11 @@ $: {
</div>
</div>
</div>
</div>
<!--End Mobile Navbar-->
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">
<div class="pt-20 sm:pt-0 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 -->

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

@ -398,14 +398,15 @@ $: isScrolled = y > 0;
<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 w-full">
<div class="flex flex-col w-full mt-5 relative">
<main class="grow w-full">
<section class="w-full">
<div class="w-full">
<div class="sm:flex sm:justify-start w-full">
<!--Start Mobile Navbar-->
<header class="navbar w-screen fixed sticky top-0 mt-4 z-30 bg-[#09090B] sm:hidden" style="top: 0rem;">
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden">
<div class="navbar w-full px-4 py-2">
<div class="{isScrolled ? 'border-b border-slate-800 ease-in' : 'ease-out'} m-auto w-full">
@ -483,11 +484,12 @@ $: isScrolled = y > 0;
</div>
</div>
</header>
</div>
</div>
<!--End Mobile Navbar-->
<div class="w-auto max-w-3xl lg:max-w-content 2xl:max-w-6xl px-3 sm:px-0">
<div class="pt-20 sm:pt-0 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 -->