Skip to content

Improving Tooltip Latency #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SmoothBot wants to merge 3 commits into
base: main
Choose a base branch
from
+13 −9
Open

Improving Tooltip Latency #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7d9c3f2
removing tailwind outlines
SmoothBot Sep 18, 2023
c1bd6b7
removing flex from tooltip
SmoothBot Sep 18, 2023
b1d8dd3
remove global box-sizing
SmoothBot Sep 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion dashboard/src/components/ChartsContainer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ export const ChartsContainer = () => {
date={date}
setDate={setDate}
className={cn(
"self-end outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 rounded",
"self-end bg-opacity-10 bg-slate-500 rounded",
{
["animate-pulse"]: isLoading,
["bg-opacity-20"]: isLoading,
Expand Down
2 changes: 1 addition & 1 deletion dashboard/src/components/StatCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ export function StatCard({ title, valueKey, formatter }: StatCardProps) {
return (
<div
className={cn(
"w-full flex flex-col gap-1 justify-center outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-4 px-6",
"w-full flex flex-col gap-1 justify-center bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-4 px-6",
{
["animate-pulse"]: isLoading,
["bg-opacity-20"]: isLoading,
Expand Down
10 changes: 5 additions & 5 deletions dashboard/src/components/charts/CustomTooltip.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,27 +29,27 @@ export function CustomTooltip<
})}
</div>
{active && payload && payload.length > 0 && (
<div className="flex flex-col gap-0 text-xs rounded bg-opacity-90 bg-slate-700 px-4 py-2">
<div className="gap-0 text-xs rounded bg-opacity-90 bg-slate-700 px-4 py-2">
{payload.reverse().map((item, i) => (
<div key={i} className="flex items-center gap-2">
<div key={i} className="items-center gap-2">
<div
className="w-2 h-2 rounded-full"
style={{ backgroundColor: item.color }}
/>
<div className="flex-1">{item.name}</div>
<div>{item.name}</div>
<div>
{numberFormatter
? numberFormatter.format(Number(item.value))
: currencyFormatter.format(Number(item.value))}
</div>
</div>
))}
<div className="flex items-center gap-2">
<div className="items-center gap-2">
<div
className="w-2 h-2 rounded-full"
style={{ backgroundColor: "#8884d8" }}
/>
<div className="flex-1 font-bold">{totalTitle ?? "Total"}</div>
<div className="font-bold">{totalTitle ?? "Total"}</div>
<div className="font-bold">
{numberFormatter
? numberFormatter.format(total ?? 0)
Expand Down
2 changes: 1 addition & 1 deletion dashboard/src/components/charts/Wrapper.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ export function ChartWrapper({
return (
<div
className={cn(
"w-full h-[500px] outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-2 flex flex-col justify-between",
"w-full h-[500px] bg-opacity-10 bg-slate-500 rounded-lg shadow-lg py-2 flex flex-col justify-between",
{
["animate-pulse"]: isLoading,
["bg-opacity-20"]: isLoading,
Expand Down
2 changes: 1 addition & 1 deletion dashboard/src/layouts/Layout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ const { title } = Astro.props;
>
<div class="mx-auto w-full">
<header
class="py-2 md:py-5 px-6 md:px-10 rounded-lg outline outline-1 outline-slate-700 bg-opacity-10 bg-slate-500 shadow-lg"
class="py-2 md:py-5 px-6 md:px-10 rounded-lg bg-opacity-10 bg-slate-500 shadow-lg"
>
<a
href="https://unidex.exchange"
Expand Down
4 changes: 4 additions & 0 deletions dashboard/src/styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,10 @@
}
}

*, ::before, ::after {
box-sizing: unset !important;
}

@layer base {
* {
@apply border-border;
Expand Down