Skip to content
This repository has been archived by the owner on Mar 23, 2023. It is now read-only.

fix: remove negative margin on first bar item #2845

Merged
merged 1 commit into from Sep 19, 2020
Merged

fix: remove negative margin on first bar item #2845

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/app/components/PercentageBar/PercentageBar.tsx
View file
Open in desktop
Expand Up @@ -64,12 +64,12 @@ export const PercentageBar = ({ data, title }: PercentageBarProps) => {
))}
</div>
</div>
<div className="flex">
<div className="flex -space-x-1">
{percentageData &&
percentageData.map((item: BarItem, index: number) => (
<div
key={index}
className={`h-1 -ml-1 rounded-sm bg-theme-${item.color}`}
className={`h-1 rounded-sm bg-theme-${item.color}`}
style={{
width: `calc(${item.percentage}% + 0.25rem)`,
}}
Expand Down
14 changes: 7 additions & 7 deletions src/app/components/PercentageBar/__snapshots__/PercentageBar.test.tsx.snap
View file
Open in desktop
Expand Up @@ -14,7 +14,7 @@ exports[`PercentageBar should render 1`] = `
/>
</div>
<div
class="flex"
class="flex -space-x-1"
/>
</div>
</div>
Expand Down Expand Up @@ -107,19 +107,19 @@ exports[`PercentageBar should render with data 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-danger-500"
class="h-1 rounded-sm bg-theme-danger-500"
/>
<div
class="h-1 -ml-1 rounded-sm bg-theme-warning-500"
class="h-1 rounded-sm bg-theme-warning-500"
/>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-500"
class="h-1 rounded-sm bg-theme-primary-500"
/>
<div
class="h-1 -ml-1 rounded-sm bg-theme-neutral-400"
class="h-1 rounded-sm bg-theme-neutral-400"
/>
</div>
</div>
Expand All @@ -142,7 +142,7 @@ exports[`PercentageBar should render with title 1`] = `
/>
</div>
<div
class="flex"
class="flex -space-x-1"
/>
</div>
</div>
Expand Down
30 changes: 15 additions & 15 deletions src/domains/dashboard/pages/Dashboard/__snapshots__/Dashboard.test.tsx.snap
View file
Open in desktop
Expand Up @@ -384,10 +384,10 @@ exports[`Dashboard should fetch more transactions 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -4143,10 +4143,10 @@ exports[`Dashboard should hide transaction view 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -5164,10 +5164,10 @@ exports[`Dashboard should open detail modal on transaction row click 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -6745,10 +6745,10 @@ exports[`Dashboard should render 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -8326,10 +8326,10 @@ exports[`Dashboard should render portfolio chart 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -9907,10 +9907,10 @@ exports[`Dashboard should render portfolio percentage bar 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -11488,10 +11488,10 @@ exports[`Dashboard should render wallets 1`] = `
</div>
</div>
<div
class="flex"
class="flex -space-x-1"
>
<div
class="h-1 -ml-1 rounded-sm bg-theme-primary-400"
class="h-1 rounded-sm bg-theme-primary-400"
/>
</div>
</div>
Expand Down Expand Up @@ -13053,7 +13053,7 @@ exports[`Dashboard should render with no wallets 1`] = `
/>
</div>
<div
class="flex"
class="flex -space-x-1"
/>
</div>
</div>
Expand Down