Skip to content

Commit ee7c553

Browse files
ErwanDecosterErwanDecoster
committed
style: adjust spacing and layout for headers in various route components
1 parent cc21ae5 commit ee7c553

File tree

7 files changed

+80
-68
lines changed

7 files changed

+80
-68
lines changed

‎src/components/navbar/NavBar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export function Navbar() {
2222
<img src={iExecLogo} width="25" height="25" alt="iExec logo" />
2323
<span className="hidden sm:block">iExec Explorer</span>
2424
</ChainLink>
25-
<div className="mr-6 flex items-center gap-4 md:mr-0">
25+
<div className="mr-8 flex items-center gap-4 md:mr-0">
2626
{isConnected && (
2727
<div className="hidden md:flex">
2828
<Button variant="link" asChild className="text-white">

‎src/routes/$chainSlug/_layout/address/$addressAddress.tsx‎

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -94,20 +94,21 @@ function AddressRoute() {
9494
<div className="mt-8 flex flex-col gap-6">
9595
<SearcherBar className="py-10" />
9696

97-
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
98-
<Box size="20" />
99-
Address details
100-
{!address && isError && (
101-
<span className="text-muted-foreground text-sm font-light">
102-
(outdated)
103-
</span>
104-
)}
105-
{(isLoading || isRefetching) && (
106-
<LoaderCircle className="animate-spin" />
107-
)}
108-
</h1>
109-
110-
<AddressBreadcrumbs addressId={addressAddress} />
97+
<div className="space-y-2">
98+
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
99+
<Box size="20" />
100+
Address details
101+
{!address && isError && (
102+
<span className="text-muted-foreground text-sm font-light">
103+
(outdated)
104+
</span>
105+
)}
106+
{(isLoading || isRefetching) && (
107+
<LoaderCircle className="animate-spin" />
108+
)}
109+
</h1>
110+
<AddressBreadcrumbs addressId={addressAddress} />
111+
</div>
111112

112113
{hasPastError && !addressOverview ? (
113114
<ErrorAlert message="An error occurred during address details loading." />

‎src/routes/$chainSlug/_layout/apps.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,6 @@ function AppsRoute() {
7676
return (
7777
<div className="mt-8 grid gap-6">
7878
<SearcherBar className="py-10" />
79-
8079
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
8180
<Box size="20" />
8281
Apps deployed

‎src/routes/$chainSlug/_layout/deal/$dealAddress.tsx‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -61,19 +61,22 @@ function DealsRoute() {
6161
<div className="mt-8 flex flex-col gap-6">
6262
<SearcherBar className="py-10" />
6363

64-
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
65-
<Box size="20" />
66-
Deal details
67-
{!deal && isError && (
68-
<span className="text-muted-foreground text-sm font-light">
69-
(outdated)
70-
</span>
71-
)}
72-
{(isLoading || isRefetching) && (
73-
<LoaderCircle className="animate-spin" />
74-
)}
75-
</h1>
76-
<DealBreadcrumbs dealId={dealAddress} />
64+
<div className="space-y-2">
65+
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
66+
<Box size="20" />
67+
Deal details
68+
{!deal && isError && (
69+
<span className="text-muted-foreground text-sm font-light">
70+
(outdated)
71+
</span>
72+
)}
73+
{(isLoading || isRefetching) && (
74+
<LoaderCircle className="animate-spin" />
75+
)}
76+
</h1>
77+
<DealBreadcrumbs dealId={dealAddress} />
78+
</div>
79+
7780
<Tabs
7881
currentTab={currentTab}
7982
tabLabels={['DETAILS', 'TASKS']}

‎src/routes/$chainSlug/_layout/task/$taskAddress.tsx‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -57,19 +57,22 @@ function TasksRoute() {
5757
<div className="mt-8 flex flex-col gap-6">
5858
<SearcherBar className="py-10" />
5959

60-
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
61-
<Box size="20" />
62-
Task details
63-
{!task && isError && (
64-
<span className="text-muted-foreground text-sm font-light">
65-
(outdated)
66-
</span>
67-
)}
68-
{(isLoading || isRefetching) && (
69-
<LoaderCircle className="animate-spin" />
70-
)}
71-
</h1>
72-
<TaskBreadcrumbs taskId={taskAddress} />
60+
<div className="space-y-2">
61+
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
62+
<Box size="20" />
63+
Task details
64+
{!task && isError && (
65+
<span className="text-muted-foreground text-sm font-light">
66+
(outdated)
67+
</span>
68+
)}
69+
{(isLoading || isRefetching) && (
70+
<LoaderCircle className="animate-spin" />
71+
)}
72+
</h1>
73+
<TaskBreadcrumbs taskId={taskAddress} />
74+
</div>
75+
7376
{hasPastError && !taskDetails ? (
7477
<ErrorAlert message="An error occurred during task details loading." />
7578
) : (

‎src/routes/$chainSlug/_layout/tx/$txAddress.tsx‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -78,19 +78,22 @@ function TransactionsRoute() {
7878
<div className="mt-8 flex flex-col gap-6">
7979
<SearcherBar className="py-10" />
8080

81-
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
82-
<Box size="20" />
83-
Transaction details
84-
{!transaction && isError && (
85-
<span className="text-muted-foreground text-sm font-light">
86-
(outdated)
87-
</span>
88-
)}
89-
{(isLoading || isRefetching) && (
90-
<LoaderCircle className="animate-spin" />
91-
)}
92-
</h1>
93-
<TransactionBreadcrumbs transactionId={txAddress} />
81+
<div className="space-y-2">
82+
<h1 className="flex items-center gap-2 font-sans text-2xl font-extrabold">
83+
<Box size="20" />
84+
Transaction details
85+
{!transaction && isError && (
86+
<span className="text-muted-foreground text-sm font-light">
87+
(outdated)
88+
</span>
89+
)}
90+
{(isLoading || isRefetching) && (
91+
<LoaderCircle className="animate-spin" />
92+
)}
93+
</h1>
94+
<TransactionBreadcrumbs transactionId={txAddress} />
95+
</div>
96+
9497
{hasPastError && !transactionDetails ? (
9598
<ErrorAlert message="An error occurred during transaction details loading." />
9699
) : (

‎src/routes/$chainSlug/_layout/workerpool/$workerpoolAddress.tsx‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -61,19 +61,22 @@ function WorkerpoolsRoute() {
6161
<div className="mt-8 flex flex-col gap-6">
6262
<SearcherBar className="py-10" />
6363

64-
<h1 className="flex items-center gap-2 text-2xl font-extrabold">
65-
<Box size="20" />
66-
Workerpool details
67-
{workerpool && isError && (
68-
<span className="text-muted-foreground text-sm font-light">
69-
(outdated)
70-
</span>
71-
)}
72-
{(isLoading || isRefetching) && (
73-
<LoaderCircle className="animate-spin" />
74-
)}
75-
</h1>
76-
<WorkerpoolBreadcrumbs workerpoolId={workerpoolAddress} />
64+
<div className="space-y-2">
65+
<h1 className="flex items-center gap-2 text-2xl font-extrabold">
66+
<Box size="20" />
67+
Workerpool details
68+
{workerpool && isError && (
69+
<span className="text-muted-foreground text-sm font-light">
70+
(outdated)
71+
</span>
72+
)}
73+
{(isLoading || isRefetching) && (
74+
<LoaderCircle className="animate-spin" />
75+
)}
76+
</h1>
77+
<WorkerpoolBreadcrumbs workerpoolId={workerpoolAddress} />
78+
</div>
79+
7780
<div className="space-y-10">
7881
{hasPastError && !workerpoolDetails ? (
7982
<ErrorAlert message="An error occurred during deal details loading." />

0 commit comments

Comments
 (0)