From e942da7511a4b41b3c0c4157fa5c182a642cb9f9 Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Tue, 4 Mar 2025 11:29:38 +0100 Subject: [PATCH] ui fix --- package-lock.json | 15 +- package.json | 2 +- src/app.css | 30 +- src/lib/assets/Info.svelte | 4 - src/lib/assets/driver.css | 207 ---- src/lib/assets/style_quill.css | 996 ------------------ src/lib/components/Downvote.svelte | 31 - src/lib/components/FundamentalAnalysis.svelte | 251 ----- src/lib/components/GetAccess.svelte | 61 -- src/lib/components/PullToRefresh.svelte | 170 +-- src/lib/components/RevenueSegmentation.svelte | 401 ------- src/lib/components/ReviewCard.svelte | 26 - src/lib/components/Voting.svelte | 53 - src/routes/+layout.svelte | 35 +- 14 files changed, 153 insertions(+), 2129 deletions(-) delete mode 100644 src/lib/assets/Info.svelte delete mode 100644 src/lib/assets/driver.css delete mode 100644 src/lib/assets/style_quill.css delete mode 100644 src/lib/components/Downvote.svelte delete mode 100644 src/lib/components/FundamentalAnalysis.svelte delete mode 100644 src/lib/components/GetAccess.svelte delete mode 100644 src/lib/components/RevenueSegmentation.svelte delete mode 100644 src/lib/components/ReviewCard.svelte delete mode 100644 src/lib/components/Voting.svelte diff --git a/package-lock.json b/package-lock.json index 573a47fc..4923dda6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,6 +18,7 @@ "ua-parser-js": "^1.0.37" }, "devDependencies": { + "@bprogress/core": "^1.2.3", "@internationalized/date": "^3.5.5", "@playwright/test": "^1.43.1", "@rollup/plugin-dynamic-import-vars": "^2.1.2", @@ -48,7 +49,6 @@ "lucide-svelte": "^0.438.0", "luxon": "^3.5.0", "memoize-one": "^6.0.0", - "nprogress": "^0.2.0", "object-to-formdata": "^4.5.1", "parse5": "^7.1.2", "pocketbase": "^0.25.2", @@ -450,6 +450,13 @@ "node": ">=6.9.0" } }, + "node_modules/@bprogress/core": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@bprogress/core/-/core-1.2.3.tgz", + "integrity": "sha512-RMdZtsbXB2IeygoyUo+eYXCyvnAB82JzmJgZXnS1B38hTnwzcveyiifLYa6VQvqaUkLNGns5tCCJFv+Qld5r4A==", + "dev": true, + "license": "MIT" + }, "node_modules/@choojs/findup": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/@choojs/findup/-/findup-0.2.1.tgz", @@ -7103,12 +7110,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/nprogress": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz", - "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==", - "dev": true - }, "node_modules/number-is-integer": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/number-is-integer/-/number-is-integer-1.0.1.tgz", diff --git a/package.json b/package.json index a705478c..1e69788b 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "test:safari": "npx playwright test --headed --project=safari" }, "devDependencies": { + "@bprogress/core": "^1.2.3", "@internationalized/date": "^3.5.5", "@playwright/test": "^1.43.1", "@rollup/plugin-dynamic-import-vars": "^2.1.2", @@ -48,7 +49,6 @@ "lucide-svelte": "^0.438.0", "luxon": "^3.5.0", "memoize-one": "^6.0.0", - "nprogress": "^0.2.0", "object-to-formdata": "^4.5.1", "parse5": "^7.1.2", "pocketbase": "^0.25.2", diff --git a/src/app.css b/src/app.css index 7f0053a2..525e0344 100644 --- a/src/app.css +++ b/src/app.css @@ -15,20 +15,38 @@ } @utility no-scrollbar { + /* Custom properties for easy color and size adjustments */ + --scrollbar-width: 2px; + --scrollbar-track-color: #08080A; + --scrollbar-thumb-color: #888; + --scrollbar-thumb-hover-color: #555; + + /* Prevent horizontal scrolling, allow vertical scrolling */ overflow-x: hidden; overflow-y: auto; - /* Styles for WebKit browsers (Chrome, Safari, newer versions of Opera) */ + /* WebKit browsers (Chrome, Safari, Opera) */ &::-webkit-scrollbar { - width: auto; /* Keep the width for vertical scrollbar */ - height: 0; /* Set height to 0 to hide horizontal scrollbar */ + width: var(--scrollbar-width); + height: 0; /* Hides horizontal scrollbar */ + } + &::-webkit-scrollbar-track { + background: var(--scrollbar-track-color); + } + &::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-color); + border-radius: 4px; + border: 1px solid var(--scrollbar-track-color); + } + &::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-thumb-hover-color); } - /* Styles for Firefox */ + /* Firefox styling */ scrollbar-width: thin; - scrollbar-color: auto transparent; /* vertical scrollbar color, then track color */ + scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color); - /* Styles for Internet Explorer and Edge */ + /* IE and Edge */ -ms-overflow-style: -ms-autohiding-scrollbar; } diff --git a/src/lib/assets/Info.svelte b/src/lib/assets/Info.svelte deleted file mode 100644 index 285eadcc..00000000 --- a/src/lib/assets/Info.svelte +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/lib/assets/driver.css b/src/lib/assets/driver.css deleted file mode 100644 index a7d445be..00000000 --- a/src/lib/assets/driver.css +++ /dev/null @@ -1,207 +0,0 @@ -.driver-active .driver-overlay, -.driver-active * { - pointer-events: none; -} -.driver-active .driver-active-element, -.driver-active .driver-active-element *, -.driver-popover, -.driver-popover * { - pointer-events: auto; -} -@keyframes animate-fade-in { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -.driver-fade .driver-overlay { - animation: animate-fade-in 0.2s ease-in-out; -} -.driver-fade .driver-popover { - animation: animate-fade-in 0.2s; -} -.driver-popover { - all: unset; - box-sizing: border-box; - color: #fff; - margin: 0; - padding: 20px; - border-radius: 0px; - min-width: 250px; - max-width: 500px; - box-shadow: 0 1px 10px #0006; - z-index: 1000000000; - position: fixed; - top: 0; - right: 0; - background-color: #202327; -} -.driver-popover * { - font-family: - Helvetica Neue, - Inter, - ui-sans-serif, - "Apple Color Emoji", - Helvetica, - Arial, - sans-serif; -} -.driver-popover-title { - font: 19px / normal sans-serif; - font-weight: 700; - display: block; - position: relative; - line-height: 1.5; - zoom: 1; - margin: 0; -} -.driver-popover-close-btn { - all: unset; - position: absolute; - top: 0; - right: 0; - width: 32px; - height: 28px; - cursor: pointer; - font-size: 18px; - font-weight: 500; - color: #d2d2d2; - z-index: 1; - text-align: center; - transition: color; - transition-duration: 0.2s; -} -.driver-popover-close-btn:hover, -.driver-popover-close-btn:focus { - color: #2d2d2d; -} -.driver-popover-title[style*="block"] + .driver-popover-description { - margin-top: 5px; -} -.driver-popover-description { - margin-bottom: 0; - font: 16px / normal sans-serif; - line-height: 1.5; - font-weight: 500; - zoom: 1; -} -.driver-popover-footer { - margin-top: 40px; - text-align: right; - zoom: 1; - display: flex; - align-items: center; - justify-content: space-between; -} -.driver-popover-progress-text { - font-size: 15px; - font-weight: 400; - color: #fff; - zoom: 1; -} -.driver-popover-footer button { - all: unset; - display: inline-block; - box-sizing: border-box; - padding: 8px 20px; - text-decoration: none; - text-shadow: 1px 1px 0 #fff; - background-color: #fff; - color: #2d2d2d; - font: 14px / normal sans-serif; - cursor: pointer; - outline: 0; - zoom: 1; - line-height: 1.3; - border: 1px solid #ccc; - border-radius: 3px; -} -.driver-popover-footer .driver-popover-btn-disabled { - opacity: 0.5; - pointer-events: none; -} -:not(body):has(> .driver-active-element) { - overflow: hidden !important; -} -.driver-no-interaction, -.driver-no-interaction * { - pointer-events: none !important; -} -.driver-popover-footer button:hover, -.driver-popover-footer button:focus { - background-color: #f7f7f7; -} -.driver-popover-navigation-btns { - display: flex; - flex-grow: 1; - justify-content: flex-end; -} -.driver-popover-navigation-btns button + button { - margin-left: 4px; -} -.driver-popover-arrow { - content: ""; - position: absolute; - border: 5px solid #fff; -} -.driver-popover-arrow-side-over { - display: none; -} -.driver-popover-arrow-side-left { - left: 100%; - border-right-color: transparent; - border-bottom-color: transparent; - border-top-color: transparent; -} -.driver-popover-arrow-side-right { - right: 100%; - border-left-color: transparent; - border-bottom-color: transparent; - border-top-color: transparent; -} -.driver-popover-arrow-side-top { - top: 100%; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: transparent; -} -.driver-popover-arrow-side-bottom { - bottom: 100%; - border-left-color: transparent; - border-top-color: transparent; - border-right-color: transparent; -} -.driver-popover-arrow-side-center { - display: none; -} -.driver-popover-arrow-side-left.driver-popover-arrow-align-start, -.driver-popover-arrow-side-right.driver-popover-arrow-align-start { - top: 15px; -} -.driver-popover-arrow-side-top.driver-popover-arrow-align-start, -.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start { - left: 15px; -} -.driver-popover-arrow-align-end.driver-popover-arrow-side-left, -.driver-popover-arrow-align-end.driver-popover-arrow-side-right { - bottom: 15px; -} -.driver-popover-arrow-side-top.driver-popover-arrow-align-end, -.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end { - right: 15px; -} -.driver-popover-arrow-side-left.driver-popover-arrow-align-center, -.driver-popover-arrow-side-right.driver-popover-arrow-align-center { - top: 50%; - margin-top: -5px; -} -.driver-popover-arrow-side-top.driver-popover-arrow-align-center, -.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center { - left: 50%; - margin-left: -5px; -} -.driver-popover-arrow-none { - display: none; -} diff --git a/src/lib/assets/style_quill.css b/src/lib/assets/style_quill.css deleted file mode 100644 index 0adde0e8..00000000 --- a/src/lib/assets/style_quill.css +++ /dev/null @@ -1,996 +0,0 @@ -/*! - * Quill Editor v1.3.6 - * https://quilljs.com/ - * Copyright (c) 2014, Jason Chen - * Copyright (c) 2013, salesforce.com - */ - -.ql-container { - box-sizing: border-box; - font-family: Helvetica, Arial, sans-serif; - font-size: 13px; - height: 100%; - margin: 0px; - position: relative; -} -.ql-container.ql-disabled .ql-tooltip { - visibility: hidden; -} -.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { - pointer-events: none; -} -.ql-clipboard { - left: -100000px; - height: 1px; - overflow-y: hidden; - position: absolute; - top: 50%; -} -.ql-clipboard p { - margin: 0; - padding: 0; -} -.ql-editor { - box-sizing: border-box; - line-height: 1.42; - height: 100%; - outline: none; - overflow-y: auto; - padding: 12px 15px; - tab-size: 4; - -moz-tab-size: 4; - text-align: left; - white-space: pre-wrap; - word-wrap: break-word; -} -.ql-editor > * { - cursor: text; -} -.ql-editor p, -.ql-editor ol, -.ql-editor ul, -.ql-editor pre, -.ql-editor blockquote, -.ql-editor h1, -.ql-editor h2, -.ql-editor h3, -.ql-editor h4, -.ql-editor h5, -.ql-editor h6 { - margin: 0; - padding: 0; - counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; -} -.ql-editor ol, -.ql-editor ul { - padding-left: 1.5em; -} -.ql-editor ol > li, -.ql-editor ul > li { - list-style-type: none; -} -.ql-editor ul > li::before { - content: "\2022"; -} -.ql-editor ul[data-checked="true"], -.ql-editor ul[data-checked="false"] { - pointer-events: none; -} -.ql-editor ul[data-checked="true"] > li *, -.ql-editor ul[data-checked="false"] > li * { - pointer-events: all; -} -.ql-editor ul[data-checked="true"] > li::before, -.ql-editor ul[data-checked="false"] > li::before { - color: #777; - cursor: pointer; - pointer-events: all; -} -.ql-editor ul[data-checked="true"] > li::before { - content: "\2611"; -} -.ql-editor ul[data-checked="false"] > li::before { - content: "\2610"; -} -.ql-editor li::before { - display: inline-block; - white-space: nowrap; - width: 1.2em; -} -.ql-editor li:not(.ql-direction-rtl)::before { - margin-left: -1.5em; - margin-right: 0.3em; - text-align: right; -} -.ql-editor li.ql-direction-rtl::before { - margin-left: 0.3em; - margin-right: -1.5em; -} -.ql-editor ol li:not(.ql-direction-rtl), -.ql-editor ul li:not(.ql-direction-rtl) { - padding-left: 1.5em; -} -.ql-editor ol li.ql-direction-rtl, -.ql-editor ul li.ql-direction-rtl { - padding-right: 1.5em; -} -.ql-editor ol li { - counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; - counter-increment: list-0; -} -.ql-editor ol li:before { - content: counter(list-0, decimal) ". "; -} -.ql-editor ol li.ql-indent-1 { - counter-increment: list-1; -} -.ql-editor ol li.ql-indent-1:before { - content: counter(list-1, lower-alpha) ". "; -} -.ql-editor ol li.ql-indent-1 { - counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; -} -.ql-editor ol li.ql-indent-2 { - counter-increment: list-2; -} -.ql-editor ol li.ql-indent-2:before { - content: counter(list-2, lower-roman) ". "; -} -.ql-editor ol li.ql-indent-2 { - counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; -} -.ql-editor ol li.ql-indent-3 { - counter-increment: list-3; -} -.ql-editor ol li.ql-indent-3:before { - content: counter(list-3, decimal) ". "; -} -.ql-editor ol li.ql-indent-3 { - counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; -} -.ql-editor ol li.ql-indent-4 { - counter-increment: list-4; -} -.ql-editor ol li.ql-indent-4:before { - content: counter(list-4, lower-alpha) ". "; -} -.ql-editor ol li.ql-indent-4 { - counter-reset: list-5 list-6 list-7 list-8 list-9; -} -.ql-editor ol li.ql-indent-5 { - counter-increment: list-5; -} -.ql-editor ol li.ql-indent-5:before { - content: counter(list-5, lower-roman) ". "; -} -.ql-editor ol li.ql-indent-5 { - counter-reset: list-6 list-7 list-8 list-9; -} -.ql-editor ol li.ql-indent-6 { - counter-increment: list-6; -} -.ql-editor ol li.ql-indent-6:before { - content: counter(list-6, decimal) ". "; -} -.ql-editor ol li.ql-indent-6 { - counter-reset: list-7 list-8 list-9; -} -.ql-editor ol li.ql-indent-7 { - counter-increment: list-7; -} -.ql-editor ol li.ql-indent-7:before { - content: counter(list-7, lower-alpha) ". "; -} -.ql-editor ol li.ql-indent-7 { - counter-reset: list-8 list-9; -} -.ql-editor ol li.ql-indent-8 { - counter-increment: list-8; -} -.ql-editor ol li.ql-indent-8:before { - content: counter(list-8, lower-roman) ". "; -} -.ql-editor ol li.ql-indent-8 { - counter-reset: list-9; -} -.ql-editor ol li.ql-indent-9 { - counter-increment: list-9; -} -.ql-editor ol li.ql-indent-9:before { - content: counter(list-9, decimal) ". "; -} -.ql-editor .ql-indent-1:not(.ql-direction-rtl) { - padding-left: 3em; -} -.ql-editor li.ql-indent-1:not(.ql-direction-rtl) { - padding-left: 4.5em; -} -.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { - padding-right: 3em; -} -.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { - padding-right: 4.5em; -} -.ql-editor .ql-indent-2:not(.ql-direction-rtl) { - padding-left: 6em; -} -.ql-editor li.ql-indent-2:not(.ql-direction-rtl) { - padding-left: 7.5em; -} -.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { - padding-right: 6em; -} -.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { - padding-right: 7.5em; -} -.ql-editor .ql-indent-3:not(.ql-direction-rtl) { - padding-left: 9em; -} -.ql-editor li.ql-indent-3:not(.ql-direction-rtl) { - padding-left: 10.5em; -} -.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { - padding-right: 9em; -} -.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { - padding-right: 10.5em; -} -.ql-editor .ql-indent-4:not(.ql-direction-rtl) { - padding-left: 12em; -} -.ql-editor li.ql-indent-4:not(.ql-direction-rtl) { - padding-left: 13.5em; -} -.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { - padding-right: 12em; -} -.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { - padding-right: 13.5em; -} -.ql-editor .ql-indent-5:not(.ql-direction-rtl) { - padding-left: 15em; -} -.ql-editor li.ql-indent-5:not(.ql-direction-rtl) { - padding-left: 16.5em; -} -.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { - padding-right: 15em; -} -.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { - padding-right: 16.5em; -} -.ql-editor .ql-indent-6:not(.ql-direction-rtl) { - padding-left: 18em; -} -.ql-editor li.ql-indent-6:not(.ql-direction-rtl) { - padding-left: 19.5em; -} -.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { - padding-right: 18em; -} -.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { - padding-right: 19.5em; -} -.ql-editor .ql-indent-7:not(.ql-direction-rtl) { - padding-left: 21em; -} -.ql-editor li.ql-indent-7:not(.ql-direction-rtl) { - padding-left: 22.5em; -} -.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { - padding-right: 21em; -} -.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { - padding-right: 22.5em; -} -.ql-editor .ql-indent-8:not(.ql-direction-rtl) { - padding-left: 24em; -} -.ql-editor li.ql-indent-8:not(.ql-direction-rtl) { - padding-left: 25.5em; -} -.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { - padding-right: 24em; -} -.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { - padding-right: 25.5em; -} -.ql-editor .ql-indent-9:not(.ql-direction-rtl) { - padding-left: 27em; -} -.ql-editor li.ql-indent-9:not(.ql-direction-rtl) { - padding-left: 28.5em; -} -.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { - padding-right: 27em; -} -.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { - padding-right: 28.5em; -} -.ql-editor .ql-video { - display: block; - max-width: 100%; -} -.ql-editor .ql-video.ql-align-center { - margin: 0 auto; -} -.ql-editor .ql-video.ql-align-right { - margin: 0 0 0 auto; -} -.ql-editor .ql-bg-black { - background-color: #fff; -} -.ql-editor .ql-bg-red { - background-color: #e60000; -} -.ql-editor .ql-bg-orange { - background-color: #f90; -} -.ql-editor .ql-bg-yellow { - background-color: #ff0; -} -.ql-editor .ql-bg-green { - background-color: #008a00; -} -.ql-editor .ql-bg-blue { - background-color: #fff; -} -.ql-editor .ql-bg-purple { - background-color: #93f; -} -.ql-editor .ql-color-white { - color: #fff; -} -.ql-editor .ql-color-red { - color: #e60000; -} -.ql-editor .ql-color-orange { - color: #f90; -} -.ql-editor .ql-color-yellow { - color: #ff0; -} -.ql-editor .ql-color-green { - color: #008a00; -} -.ql-editor .ql-color-blue { - color: #fff; -} -.ql-editor .ql-color-purple { - color: #93f; -} -.ql-editor .ql-font-serif { - font-family: - Georgia, - Times New Roman, - serif; -} -.ql-editor .ql-font-monospace { - font-family: - Monaco, - Courier New, - monospace; -} -.ql-editor .ql-size-small { - font-size: 0.75em; -} -.ql-editor .ql-size-large { - font-size: 1.5em; -} -.ql-editor .ql-size-huge { - font-size: 2.5em; -} -.ql-editor .ql-direction-rtl { - direction: rtl; - text-align: inherit; -} -.ql-editor .ql-align-center { - text-align: center; -} -.ql-editor .ql-align-justify { - text-align: justify; -} -.ql-editor .ql-align-right { - text-align: right; -} -.ql-editor.ql-blank::before { - color: #9ca3af; - content: attr(data-placeholder); - font-style: italic; - left: 15px; - pointer-events: none; - position: absolute; - right: 15px; -} -.ql-snow.ql-toolbar:after, -.ql-snow .ql-toolbar:after { - clear: both; - content: ""; - display: table; -} -.ql-snow.ql-toolbar button, -.ql-snow .ql-toolbar button { - background: none; - border: none; - cursor: pointer; - display: inline-block; - float: left; - height: 28px; - padding: 3px 5px; - width: 32px; -} -.ql-snow.ql-toolbar button svg, -.ql-snow .ql-toolbar button svg { - float: left; - height: 100%; -} - -.ql-snow.ql-toolbar button:active:hover, -.ql-snow .ql-toolbar button:active:hover { - outline: none; - background: #3e4e59; - background-color: #3e4e59; - border-color: #3e4e59; -} -.ql-snow.ql-toolbar input.ql-image[type="file"], -.ql-snow .ql-toolbar input.ql-image[type="file"] { - display: none; -} - -.ql-snow.ql-toolbar button:hover, -.ql-snow .ql-toolbar button:hover, -.ql-snow.ql-toolbar button:focus, -.ql-snow .ql-toolbar button:focus, -.ql-snow.ql-toolbar button.ql-active, -.ql-snow .ql-toolbar button.ql-active, -.ql-snow.ql-toolbar .ql-picker-label:hover, -.ql-snow .ql-toolbar .ql-picker-label:hover, -.ql-snow.ql-toolbar .ql-picker-label.ql-active, -.ql-snow .ql-toolbar .ql-picker-label.ql-active, -.ql-snow.ql-toolbar .ql-picker-item:hover, -.ql-snow .ql-toolbar .ql-picker-item:hover, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected { - color: #fff; - background: #3e4e59; - border-radius: 5%; -} -.ql-snow.ql-toolbar button:hover .ql-fill, -.ql-snow .ql-toolbar button:hover .ql-fill, -.ql-snow.ql-toolbar button:focus .ql-fill, -.ql-snow .ql-toolbar button:focus .ql-fill, -.ql-snow.ql-toolbar button.ql-active .ql-fill, -.ql-snow .ql-toolbar button.ql-active .ql-fill, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, -.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, -.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, -.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, -.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, -.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, -.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { - fill: #fff; -} -.ql-snow.ql-toolbar button:hover .ql-stroke, -.ql-snow .ql-toolbar button:hover .ql-stroke, -.ql-snow.ql-toolbar button:focus .ql-stroke, -.ql-snow .ql-toolbar button:focus .ql-stroke, -.ql-snow.ql-toolbar button.ql-active .ql-stroke, -.ql-snow .ql-toolbar button.ql-active .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, -.ql-snow.ql-toolbar button:hover .ql-stroke-miter, -.ql-snow .ql-toolbar button:hover .ql-stroke-miter, -.ql-snow.ql-toolbar button:focus .ql-stroke-miter, -.ql-snow .ql-toolbar button:focus .ql-stroke-miter, -.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, -.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, -.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, -.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { - stroke: #fff; -} -@media (pointer: coarse) { - .ql-snow.ql-toolbar button:hover:not(.ql-active), - .ql-snow .ql-toolbar button:hover:not(.ql-active) { - color: #fff; - } - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { - fill: #fff; - } - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, - .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, - .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { - stroke: #fff; - } -} -.ql-snow { - box-sizing: border-box; -} -.ql-snow * { - box-sizing: border-box; -} -.ql-snow .ql-hidden { - display: none; -} -.ql-snow .ql-out-bottom, -.ql-snow .ql-out-top { - visibility: hidden; -} -.ql-snow .ql-tooltip { - position: absolute; - transform: translateY(10px); -} -.ql-snow .ql-tooltip a { - cursor: pointer; - text-decoration: none; - background-color: #3e4e59; -} -.ql-snow .ql-tooltip.ql-flip { - transform: translateY(-10px); -} -.ql-snow .ql-formats { - display: inline-block; - vertical-align: middle; -} -.ql-snow .ql-formats:after { - clear: both; - content: ""; - display: table; -} -.ql-snow .ql-stroke { - fill: none; - stroke: #fff; - stroke-linecap: round; - stroke-linejoin: round; - stroke-width: 2; -} -.ql-snow .ql-stroke-miter { - fill: none; - stroke: #fff; - stroke-miterlimit: 10; - stroke-width: 2; -} -.ql-snow .ql-fill, -.ql-snow .ql-stroke.ql-fill { - fill: #fff; -} -.ql-snow .ql-empty { - fill: none; -} -.ql-snow .ql-even { - fill-rule: evenodd; -} -.ql-snow .ql-thin, -.ql-snow .ql-stroke.ql-thin { - stroke-width: 1; -} -.ql-snow .ql-transparent { - opacity: 0.4; -} -.ql-snow .ql-direction svg:last-child { - display: none; -} -.ql-snow .ql-direction.ql-active svg:last-child { - display: inline; -} -.ql-snow .ql-direction.ql-active svg:first-child { - display: none; -} -.ql-snow .ql-editor h1 { - font-size: 2em; -} -.ql-snow .ql-editor h2 { - font-size: 1.5em; -} -.ql-snow .ql-editor h3 { - font-size: 1.17em; -} -.ql-snow .ql-editor h4 { - font-size: 1em; -} -.ql-snow .ql-editor h5 { - font-size: 0.83em; -} -.ql-snow .ql-editor h6 { - font-size: 0.67em; -} -.ql-snow .ql-editor a { - text-decoration: underline; -} -.ql-snow .ql-editor blockquote { - border-left: 4px solid #262b30; - margin-bottom: 5px; - margin-top: 5px; - padding-left: 16px; -} -.ql-snow .ql-editor code, -.ql-snow .ql-editor pre { - background-color: #262b30; - border-radius: 3px; -} -.ql-snow .ql-editor pre { - white-space: pre-wrap; - margin-bottom: 5px; - margin-top: 5px; - padding: 5px 10px; -} -.ql-snow .ql-editor code { - font-size: 85%; - padding: 2px 4px; -} -.ql-snow .ql-editor pre.ql-syntax { - background-color: #23241f; - color: #f8f8f2; - overflow: visible; -} -.ql-snow .ql-editor img { - max-width: 50%; -} -.ql-snow .ql-picker { - color: #fff; - display: inline-block; - float: left; - font-size: 14px; - font-weight: 500; - height: 24px; - position: relative; - vertical-align: middle; -} -.ql-snow .ql-picker-label { - cursor: pointer; - display: inline-block; - height: 100%; - padding-left: 8px; - padding-right: 2px; - position: relative; - width: 100%; -} -.ql-snow .ql-picker-label::before { - display: inline-block; - line-height: 22px; -} -.ql-snow .ql-picker-options { - background-color: #fff; - display: none; - min-width: 100%; - padding: 4px 8px; - position: absolute; - white-space: nowrap; -} -.ql-snow .ql-picker-options .ql-picker-item { - cursor: pointer; - display: block; - padding-bottom: 5px; - padding-top: 5px; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #fff; - z-index: 2; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #fff; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #fff; -} -.ql-snow .ql-picker.ql-expanded .ql-picker-options { - display: block; - margin-top: -1px; - top: 100%; - z-index: 1; - background-color: #3e4e59; -} -#bg-color for heading selector .ql-snow .ql-color-picker, -.ql-snow .ql-icon-picker { - width: 28px; -} -.ql-snow .ql-color-picker .ql-picker-label, -.ql-snow .ql-icon-picker .ql-picker-label { - padding: 2px 4px; -} -.ql-snow .ql-color-picker .ql-picker-label svg, -.ql-snow .ql-icon-picker .ql-picker-label svg { - right: 4px; -} -.ql-snow .ql-icon-picker .ql-picker-options { - padding: 4px 0px; -} -.ql-snow .ql-icon-picker .ql-picker-item { - height: 24px; - width: 24px; - padding: 2px 4px; -} -.ql-snow .ql-color-picker .ql-picker-options { - padding: 3px 5px; - width: 152px; -} -.ql-snow .ql-color-picker .ql-picker-item { - border: 1px solid transparent; - float: left; - height: 16px; - margin: 2px; - padding: 0px; - width: 16px; -} -.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { - position: absolute; - margin-top: -9px; - right: 0; - top: 50%; - width: 18px; -} -.ql-snow - .ql-picker.ql-header - .ql-picker-label[data-label]:not([data-label=""])::before, -.ql-snow - .ql-picker.ql-font - .ql-picker-label[data-label]:not([data-label=""])::before, -.ql-snow - .ql-picker.ql-size - .ql-picker-label[data-label]:not([data-label=""])::before, -.ql-snow - .ql-picker.ql-header - .ql-picker-item[data-label]:not([data-label=""])::before, -.ql-snow - .ql-picker.ql-font - .ql-picker-item[data-label]:not([data-label=""])::before, -.ql-snow - .ql-picker.ql-size - .ql-picker-item[data-label]:not([data-label=""])::before { - content: attr(data-label); -} -.ql-snow .ql-picker.ql-header { - width: 98px; -} -.ql-snow .ql-picker.ql-header .ql-picker-label::before, -.ql-snow .ql-picker.ql-header .ql-picker-item::before { - content: "Normal"; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { - content: "Heading 1"; - background-color: #3e4e59; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { - content: "Heading 2"; - background-color: #3e4e59; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { - content: "Heading 3"; - background-color: #3e4e59; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { - content: "Heading 4"; - background-color: #3e4e59; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { - content: "Heading 5"; - background-color: #3e4e59; -} -.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { - content: "Heading 6"; - background-color: #3e4e59; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { - font-size: 2em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { - font-size: 1.5em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { - font-size: 1.17em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { - font-size: 1em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { - font-size: 0.83em; -} -.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { - font-size: 0.67em; -} -.ql-snow .ql-picker.ql-font { - width: 108px; -} -.ql-snow .ql-picker.ql-font .ql-picker-label::before, -.ql-snow .ql-picker.ql-font .ql-picker-item::before { - content: "Sans Serif"; -} -.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before, -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before { - content: "Serif"; -} -.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before, -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before { - content: "Monospace"; -} -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before { - font-family: - Georgia, - Times New Roman, - serif; -} -.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before { - font-family: - Monaco, - Courier New, - monospace; -} -.ql-snow .ql-picker.ql-size { - width: 98px; -} -.ql-snow .ql-picker.ql-size .ql-picker-label::before, -.ql-snow .ql-picker.ql-size .ql-picker-item::before { - content: "Normal"; -} -.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before { - content: "Small"; -} -.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before { - content: "Large"; -} -.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before, -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before { - content: "Huge"; -} -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before { - font-size: 10px; -} -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before { - font-size: 18px; -} -.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before { - font-size: 32px; -} -.ql-snow .ql-color-picker.ql-background .ql-picker-item { - background-color: #fff; -} -.ql-snow .ql-color-picker.ql-color .ql-picker-item { - background-color: #fff; -} -.ql-toolbar.ql-snow { - border: 1px solid #313131; - box-sizing: border-box; - font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; - padding: 8px; -} -.ql-toolbar.ql-snow .ql-formats { - margin-right: 15px; -} -.ql-toolbar.ql-snow .ql-picker-label { - border: 1px solid transparent; -} -.ql-toolbar.ql-snow .ql-picker-options { - border: 1px solid transparent; -} -.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - border-color: #fff; -} -.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - border-color: #fff; -} -.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, -.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { - border-color: #fff; -} -.ql-toolbar.ql-snow + .ql-container.ql-snow { - border-top: 0px; -} -.ql-snow .ql-tooltip { - background-color: #3e4e59; - - border: 1px solid #fff; - box-shadow: 0px 0px 5px #ddd; - color: #fff; - padding: 5px 12px; - white-space: nowrap; -} -.ql-snow .ql-tooltip::before { - content: "Visit URL:"; - line-height: 26px; - margin-right: 8px; -} -.ql-snow .ql-tooltip input[type="text"] { - display: none; - font-size: 13px; - height: 26px; - margin: 0px; - padding: 3px 5px; - width: 170px; - color: #000; -} -.ql-snow .ql-tooltip a.ql-preview { - display: inline-block; - max-width: 200px; - overflow-x: hidden; - text-overflow: ellipsis; - vertical-align: top; -} -.ql-snow .ql-tooltip a.ql-action::after { - border-right: 1px solid #fff; - content: "Edit"; - margin-left: 16px; - padding-right: 8px; - background-color: #3e4e59; -} -.ql-snow .ql-tooltip a.ql-remove::before { - content: "Remove"; - margin-left: 8px; - background-color: #3e4e59; -} -.ql-snow .ql-tooltip a { - line-height: 26px; - background-color: #3e4e59; -} -.ql-snow .ql-tooltip.ql-editing a.ql-preview, -.ql-snow .ql-tooltip.ql-editing a.ql-remove { - display: none; -} -.ql-snow .ql-tooltip.ql-editing input[type="text"] { - display: inline-block; -} -.ql-snow .ql-tooltip.ql-editing a.ql-action::after { - border-right: 0px; - content: "Save"; - padding-right: 0px; -} -.ql-snow .ql-tooltip[data-mode="link"]::before { - content: "Enter link:"; -} -.ql-snow .ql-tooltip[data-mode="formula"]::before { - content: "Enter formula:"; -} -.ql-snow .ql-tooltip[data-mode="video"]::before { - content: "Enter video:"; -} -.ql-snow a { - color: #fff; -} -.ql-container.ql-snow { - font-size: 14px; -} - -.ql-editor .ql-bold { - color: #008a00; -} - -.ql-editor .ql-h1 { - color: #008a00; -} diff --git a/src/lib/components/Downvote.svelte b/src/lib/components/Downvote.svelte deleted file mode 100644 index 6a5ecea9..00000000 --- a/src/lib/components/Downvote.svelte +++ /dev/null @@ -1,31 +0,0 @@ - - -
- - -
diff --git a/src/lib/components/FundamentalAnalysis.svelte b/src/lib/components/FundamentalAnalysis.svelte deleted file mode 100644 index 0e519e2d..00000000 --- a/src/lib/components/FundamentalAnalysis.svelte +++ /dev/null @@ -1,251 +0,0 @@ - - -
-
-
- - -
- - {#if isLoaded} - {#if Object?.keys(fundamentalAnalysisDict)?.length !== 0} -
-
- Our model uses fundamental data only to predict the next quarter. - Here are the stats of the model for {$displayCompanyName} to ensure transparency - and reliability. -
-
- -
-
- -
-
- Quarter Sentiment - {#if !deactivateContent} - {flowSentiment} - {:else} - - Unlock with Pro - - - {/if} -
-
- - - -
-
- Accuracy - - {accuracy >= 65 - ? "Good" - : accuracy >= 50 - ? "Moderate" - : "Bad"} - -
- -
- - - - - - - - - -
- {accuracy}% -
-
- -
- - - -
-
- Precision - - {precision >= 65 - ? "Good" - : precision >= 50 - ? "Moderate" - : "Bad"} - -
- -
- - - - - - - - - -
- {precision}% -
-
- -
- -
-
- -
- Over the next quarter the model forecasts a - {#if !deactivateContent} - {flowSentiment} price movement. - {:else} - - Unlock Prediction with Pro - - - price movement. - {/if} -
- {:else} -

- No data available - -

- {/if} - {:else} -
-
- -
-
- {/if} -
-
diff --git a/src/lib/components/GetAccess.svelte b/src/lib/components/GetAccess.svelte deleted file mode 100644 index 8e5a5d3f..00000000 --- a/src/lib/components/GetAccess.svelte +++ /dev/null @@ -1,61 +0,0 @@ - - -
-
- - -
diff --git a/src/lib/components/PullToRefresh.svelte b/src/lib/components/PullToRefresh.svelte index 525a7311..c6d7eca0 100644 --- a/src/lib/components/PullToRefresh.svelte +++ b/src/lib/components/PullToRefresh.svelte @@ -1,72 +1,118 @@ - - - -
-
- {#if isPulling && refreshHeight > 100} - + }; + + const onTouchEnd = () => { + if (isPulling && refreshHeight > 120) { + isRefreshing = true; + refresh(); + } else { + resetPull(); + } + }; + + const resetPull = () => { + isPulling = false; + refreshHeight = 0; + }; + + const refresh = () => { + setTimeout(() => { + location.reload(); + }, 1000); // Simulate loading time + }; + + +{#if isMobile} +
+
+ {#if isPulling || isRefreshing} + Stocknear Logo + {#if isRefreshing} + + {/if} {/if}
- + + +
- \ No newline at end of file +{:else} + +{/if} + + diff --git a/src/lib/components/RevenueSegmentation.svelte b/src/lib/components/RevenueSegmentation.svelte deleted file mode 100644 index ad8470bb..00000000 --- a/src/lib/components/RevenueSegmentation.svelte +++ /dev/null @@ -1,401 +0,0 @@ - - -
-
-
- - -
- - {#if isLoaded} - {#if Object?.keys(data)?.length !== 0 && totalProductRevenue !== 0} -
-
- Based on the latest earnings report the main contributors of revenue - are: -
- -
-
-
- - - "#3B82F6"} - colorLinks={(d) => "#3B82F635"} - /> - - -
- - - Full report - -
-
-
- - {#if geographicList?.length !== 0 && totalGeographicRevenue !== 0} -
- The highest revenue was generated in the {geographicList?.length} regions: -
- -
-
- - {#each showFullStats ? geographicList : geographicList?.slice(0, 3) as item, index} -
-
- {#if item?.name?.toLowerCase() === "europe"} - - {:else if item?.name?.toLowerCase() === "taiwan"} - - {:else if item?.code == "xx"} - - {:else} - Country Logo - {/if} -
- -
-
- - {item?.name?.length > charNumber - ? formatString(item?.name)?.slice(0, charNumber) + - "..." - : formatString(item?.name)} · {abbreviateNumber( - item?.value, - )} - - - {( - (item?.value / totalGeographicRevenue) * - 100 - )?.toFixed(2)}% - -
- -
-
- {/each} - -
-
- {/if} - - {#if geographicList?.length > 3} - {/if} - {/if} - {:else} -
-
- -
-
- {/if} -
-
- - diff --git a/src/lib/components/ReviewCard.svelte b/src/lib/components/ReviewCard.svelte deleted file mode 100644 index f5e22aa4..00000000 --- a/src/lib/components/ReviewCard.svelte +++ /dev/null @@ -1,26 +0,0 @@ - - -
-
- -
- -
- {name} -
-
-
-
{body}
-
diff --git a/src/lib/components/Voting.svelte b/src/lib/components/Voting.svelte deleted file mode 100644 index fcf68e60..00000000 --- a/src/lib/components/Voting.svelte +++ /dev/null @@ -1,53 +0,0 @@ - - -
- - - {votes} - - -
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 264651f3..b22c3d32 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -4,10 +4,11 @@ //import { Toaster } from "svelte-french-toast"; import { Toaster } from "svelte-sonner"; - import NProgress from "nprogress"; - import "nprogress/nprogress.css"; + import "@bprogress/core/css"; + import { BProgress } from "@bprogress/core"; import { page } from "$app/stores"; + import Footer from "$lib/components/Footer.svelte"; import Searchbar from "$lib/components/Searchbar.svelte"; import NotificationBell from "$lib/components/NotificationBell.svelte"; @@ -55,8 +56,9 @@ export let data; let hideHeader = false; - - NProgress.configure({ showSpinner: false }); + BProgress.configure({ + showSpinner: false, + }); $: { const currentPath = $page.url.pathname; @@ -165,12 +167,12 @@ }); beforeNavigate(async () => { - NProgress.start(); + BProgress?.start(); }); afterNavigate(async ({ from }) => { $previousPage = from?.url.pathname || $previousPage; - NProgress.done(); + BProgress?.done(); }); $: { @@ -481,19 +483,6 @@ >Earnings Calendar -