Skip to content

Commit 3ca78ac

Browse files
AztecBotAztecBot
authored
fix(docs): box shadows, border radiuses and gaps (#17036)
From: <img width="922" height="912" alt="image" src="https://github.com/user-attachments/assets/61384712-6dc4-4008-9eb6-d09711444673" /> <img width="998" height="360" alt="image" src="https://github.com/user-attachments/assets/bf8a7e06-109d-43dd-91a1-8101075e9879" /> To <img width="935" height="954" alt="image" src="https://github.com/user-attachments/assets/e461d9d3-a512-4e7f-b608-9fdaf0935a8a" /> <img width="878" height="363" alt="image" src="https://github.com/user-attachments/assets/e748d0ae-a1fc-43db-aaa7-fdf9d8ac2307" />
2 parents 9c9481c + 4bf1e30 commit 3ca78ac

File tree

13 files changed

+65
-48
lines changed

13 files changed

+65
-48
lines changed

‎docs/docs/aztec/index.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ Noir is a zero-knowledge domain specific language used for writing smart contrac
8484
### Start coding
8585

8686
<div>
87-
<Card shadow='tl' link='/developers/getting_started'>
87+
<Card link='/developers/getting_started'>
8888
<CardHeader>
8989
<h3>Developer Getting Started Guide</h3>
9090
</CardHeader>
@@ -100,7 +100,7 @@ Explore the Concepts for a deeper understanding into the components that make up
100100

101101
<div className="card-container">
102102

103-
<Card shadow='tl' link='/aztec/concepts/accounts'>
103+
<Card link='/aztec/concepts/accounts'>
104104
<CardHeader>
105105
<h3>Accounts</h3>
106106
</CardHeader>
@@ -109,7 +109,7 @@ Explore the Concepts for a deeper understanding into the components that make up
109109
</CardBody>
110110
</Card>
111111

112-
<Card shadow='tl' link='/aztec/concepts/pxe'>
112+
<Card link='/aztec/concepts/pxe'>
113113
<CardHeader>
114114
<h3>PXE (pronounced 'pixie')</h3>
115115
</CardHeader>
@@ -118,7 +118,7 @@ Explore the Concepts for a deeper understanding into the components that make up
118118
</CardBody>
119119
</Card>
120120

121-
<Card shadow='tl' link='/aztec/concepts/storage/state_model'>
121+
<Card link='/aztec/concepts/storage/state_model'>
122122
<CardHeader>
123123
<h3>State model</h3>
124124
</CardHeader>
@@ -127,7 +127,7 @@ Explore the Concepts for a deeper understanding into the components that make up
127127
</CardBody>
128128
</Card>
129129

130-
<Card shadow='tl' link='/aztec/concepts/storage'>
130+
<Card link='/aztec/concepts/storage'>
131131
<CardHeader>
132132
<h3>Storage</h3>
133133
</CardHeader>
@@ -136,7 +136,7 @@ Explore the Concepts for a deeper understanding into the components that make up
136136
</CardBody>
137137
</Card>
138138

139-
<Card shadow='tl' link='/aztec/concepts/wallets'>
139+
<Card link='/aztec/concepts/wallets'>
140140
<CardHeader>
141141
<h3>Wallets</h3>
142142
</CardHeader>
@@ -145,7 +145,7 @@ Explore the Concepts for a deeper understanding into the components that make up
145145
</CardBody>
146146
</Card>
147147

148-
<Card shadow='tl' link='/aztec/concepts/advanced/circuits'>
148+
<Card link='/aztec/concepts/advanced/circuits'>
149149
<CardHeader>
150150
<h3>Protocol Circuits</h3>
151151
</CardHeader>

‎docs/docs/developers/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
1010
## Get Started
1111

1212
<div className="card-container full-width">
13-
<Card shadow='tl' link='developers/getting_started'>
13+
<Card link='developers/getting_started'>
1414
<CardHeader>
1515
<h3>Getting Started</h3>
1616
</CardHeader>
@@ -23,7 +23,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
2323
## Build applications
2424

2525
<div className="card-container">
26-
<Card shadow='tl' link='developers/tutorials/contract_tutorials/counter_contract'>
26+
<Card link='developers/tutorials/contract_tutorials/counter_contract'>
2727
<CardHeader>
2828
<h3>Contract Tutorials</h3>
2929
</CardHeader>
@@ -32,7 +32,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
3232
</CardBody>
3333
</Card>
3434

35-
<Card shadow='tl' link='developers/tutorials/js_tutorials/aztecjs-getting-started'>
35+
<Card link='developers/tutorials/js_tutorials/aztecjs-getting-started'>
3636
<CardHeader>
3737
<h3>Full stack app on Aztec</h3>
3838
</CardHeader>
@@ -45,7 +45,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
4545
## Get inspired
4646

4747
<div className="card-container full-width">
48-
<Card shadow='tl' link='https://github.com/AztecProtocol/Horizon'>
48+
<Card link='https://github.com/AztecProtocol/Horizon'>
4949
<CardHeader>
5050
<h3>What to build on Aztec</h3>
5151
</CardHeader>

‎docs/docs/index.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ To learn more about how Aztec achieves these things, check out the [Aztec concep
2727
## Start coding
2828

2929
<div>
30-
<Card shadow="tl" link="/developers/getting_started">
30+
<Card link="/developers/getting_started">
3131
<CardHeader>
3232
<h3>Developer Getting Started Guide</h3>
3333
</CardHeader>
@@ -41,7 +41,7 @@ To learn more about how Aztec achieves these things, check out the [Aztec concep
4141
## Learn how Aztec works
4242

4343
<div>
44-
<Card shadow="tl" link="/aztec">
44+
<Card link="/aztec">
4545
<CardHeader>
4646
<h3>Aztec Overview</h3>
4747
</CardHeader>

‎docs/docs/the_aztec_network/guides/run_nodes/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,15 @@ description: Learn how to participate in the Aztec Network by running different
88
## Running Aztec Nodes
99

1010
<div className="card-container">
11-
<Card shadow='tl' link='./run_nodes/how_to_run_sequencer'>
11+
<Card link='./run_nodes/how_to_run_sequencer'>
1212
<CardHeader>
1313
<h3>Run Aztec Sequencer Nodes</h3>
1414
</CardHeader>
1515
<CardBody>
1616
Participate in the Aztec protocol as a sequencer that orders transactions in a block and proposed them to the L1. Runs on consumer hardware.
1717
</CardBody>
1818
</Card>
19-
<Card shadow='tl' link='./run_nodes/how_to_run_prover'>
19+
<Card link='./run_nodes/how_to_run_prover'>
2020
<CardHeader>
2121
<h3>Run Aztec Prover Nodes</h3>
2222
</CardHeader>

‎docs/src/css/custom.css‎

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -225,17 +225,20 @@ html[data-theme="dark"] .sidebar-divider {
225225

226226
.homepage_footer {
227227
text-align: center;
228-
margin-bottom: 1rem;
228+
/* margin-bottom: 1rem; */
229229
padding: 1.5rem 2rem;
230230
display: flex;
231231
flex-direction: column;
232232
border: 1px solid var(--ifm-color-primary-lightest);
233-
border-radius: 12px;
234233
}
235234

236235
.homepage_cta_footer_container {
237236
display: flex;
238237
justify-content: center;
238+
gap: 12px;
239+
button {
240+
background-color: var(--ifm-button-background-color) !important;
241+
}
239242
}
240243

241244
.navbar .dropdown__link {
@@ -302,7 +305,6 @@ html[data-theme="dark"] .sidebar-divider {
302305
padding: 0.5rem 0;
303306
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
304307
0 4px 6px -2px rgba(0, 0, 0, 0.05);
305-
border-radius: 0.375rem;
306308
min-width: 200px;
307309
}
308310

@@ -364,6 +366,8 @@ html[data-theme="dark"] .sidebar-divider {
364366

365367
.card {
366368
display: flex;
369+
border-radius: unset;
370+
/* box-shadow: none; */
367371
flex-direction: column;
368372
height: 100%;
369373
transition: all 0.3s ease;
@@ -387,3 +391,16 @@ html[data-theme="dark"] .sidebar-divider {
387391
color: var(--ifm-color-primary);
388392
text-decoration: none;
389393
}
394+
395+
.codeBlockContainer_Ckt0 {
396+
border-radius: unset !important;
397+
/* box-shadow: none !important; */
398+
}
399+
400+
.pagination-nav__link {
401+
border-radius: unset;
402+
}
403+
404+
.badge {
405+
border-radius: unset;
406+
}

‎docs/versioned_docs/version-v1.2.0/aztec/index.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ Noir is a zero-knowledge domain specific language used for writing smart contrac
8484
### Start coding
8585

8686
<div>
87-
<Card shadow='tl' link='/developers/getting_started'>
87+
<Card link='/developers/getting_started'>
8888
<CardHeader>
8989
<h3>Developer Getting Started Guide</h3>
9090
</CardHeader>
@@ -100,7 +100,7 @@ Explore the Concepts for a deeper understanding into the components that make up
100100

101101
<div className="card-container">
102102

103-
<Card shadow='tl' link='/aztec/concepts/accounts'>
103+
<Card link='/aztec/concepts/accounts'>
104104
<CardHeader>
105105
<h3>Accounts</h3>
106106
</CardHeader>
@@ -109,7 +109,7 @@ Explore the Concepts for a deeper understanding into the components that make up
109109
</CardBody>
110110
</Card>
111111

112-
<Card shadow='tl' link='/aztec/concepts/pxe'>
112+
<Card link='/aztec/concepts/pxe'>
113113
<CardHeader>
114114
<h3>PXE (pronounced 'pixie')</h3>
115115
</CardHeader>
@@ -118,7 +118,7 @@ Explore the Concepts for a deeper understanding into the components that make up
118118
</CardBody>
119119
</Card>
120120

121-
<Card shadow='tl' link='/aztec/concepts/storage/state_model'>
121+
<Card link='/aztec/concepts/storage/state_model'>
122122
<CardHeader>
123123
<h3>State model</h3>
124124
</CardHeader>
@@ -127,7 +127,7 @@ Explore the Concepts for a deeper understanding into the components that make up
127127
</CardBody>
128128
</Card>
129129

130-
<Card shadow='tl' link='/aztec/concepts/storage'>
130+
<Card link='/aztec/concepts/storage'>
131131
<CardHeader>
132132
<h3>Storage</h3>
133133
</CardHeader>
@@ -136,7 +136,7 @@ Explore the Concepts for a deeper understanding into the components that make up
136136
</CardBody>
137137
</Card>
138138

139-
<Card shadow='tl' link='/aztec/concepts/wallets'>
139+
<Card link='/aztec/concepts/wallets'>
140140
<CardHeader>
141141
<h3>Wallets</h3>
142142
</CardHeader>
@@ -145,7 +145,7 @@ Explore the Concepts for a deeper understanding into the components that make up
145145
</CardBody>
146146
</Card>
147147

148-
<Card shadow='tl' link='/aztec/concepts/advanced/circuits'>
148+
<Card link='/aztec/concepts/advanced/circuits'>
149149
<CardHeader>
150150
<h3>Protocol Circuits</h3>
151151
</CardHeader>

‎docs/versioned_docs/version-v1.2.0/developers/index.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
1010
## Get Started
1111

1212
<div className="card-container full-width">
13-
<Card shadow='tl' link='developers/getting_started'>
13+
<Card link='developers/getting_started'>
1414
<CardHeader>
1515
<h3>Getting Started</h3>
1616
</CardHeader>
@@ -23,7 +23,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
2323
## Build applications
2424

2525
<div className="card-container">
26-
<Card shadow='tl' link='developers/tutorials/codealong/contract_tutorials/counter_contract'>
26+
<Card link='developers/tutorials/codealong/contract_tutorials/counter_contract'>
2727
<CardHeader>
2828
<h3>Contract Tutorials</h3>
2929
</CardHeader>
@@ -32,7 +32,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
3232
</CardBody>
3333
</Card>
3434

35-
<Card shadow='tl' link='developers/tutorials/codealong/js_tutorials/simple_dapp'>
35+
<Card link='developers/tutorials/codealong/js_tutorials/simple_dapp'>
3636
<CardHeader>
3737
<h3>Full stack app on Aztec</h3>
3838
</CardHeader>
@@ -45,7 +45,7 @@ description: Start building on Aztec with tutorials, guides, and resources for s
4545
## Get inspired
4646

4747
<div className="card-container full-width">
48-
<Card shadow='tl' link='https://github.com/AztecProtocol/Horizon'>
48+
<Card link='https://github.com/AztecProtocol/Horizon'>
4949
<CardHeader>
5050
<h3>What to build on Aztec</h3>
5151
</CardHeader>

‎docs/versioned_docs/version-v1.2.0/index.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ To learn more about how Aztec achieves these things, check out the [Aztec concep
2727
## Start coding
2828

2929
<div>
30-
<Card shadow="tl" link="/developers/getting_started">
30+
<Card link="/developers/getting_started">
3131
<CardHeader>
3232
<h3>Developer Getting Started Guide</h3>
3333
</CardHeader>
@@ -41,7 +41,7 @@ To learn more about how Aztec achieves these things, check out the [Aztec concep
4141
## Learn how Aztec works
4242

4343
<div>
44-
<Card shadow="tl" link="/aztec">
44+
<Card link="/aztec">
4545
<CardHeader>
4646
<h3>Aztec Overview</h3>
4747
</CardHeader>

‎docs/versioned_docs/version-v1.2.0/the_aztec_network/guides/run_nodes/index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,15 @@ description: Learn how to participate in the Aztec Network by running different
88
## Running Aztec Nodes
99

1010
<div className="card-container">
11-
<Card shadow='tl' link='./run_nodes/how_to_run_sequencer'>
11+
<Card link='./run_nodes/how_to_run_sequencer'>
1212
<CardHeader>
1313
<h3>Run Aztec Sequencer Nodes</h3>
1414
</CardHeader>
1515
<CardBody>
1616
Participate in the Aztec protocol as a sequencer that orders transactions in a block and proposed them to the L1. Runs on consumer hardware.
1717
</CardBody>
1818
</Card>
19-
<Card shadow='tl' link='./run_nodes/how_to_run_prover'>
19+
<Card link='./run_nodes/how_to_run_prover'>
2020
<CardHeader>
2121
<h3>Run Aztec Prover Nodes</h3>
2222
</CardHeader>

‎docs/versioned_docs/version-v3.0.0-nightly.20250915/aztec/index.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ Noir is a zero-knowledge domain specific language used for writing smart contrac
8484
### Start coding
8585

8686
<div>
87-
<Card shadow='tl' link='/developers/getting_started'>
87+
<Card link='/developers/getting_started'>
8888
<CardHeader>
8989
<h3>Developer Getting Started Guide</h3>
9090
</CardHeader>
@@ -100,7 +100,7 @@ Explore the Concepts for a deeper understanding into the components that make up
100100

101101
<div className="card-container">
102102

103-
<Card shadow='tl' link='/aztec/concepts/accounts'>
103+
<Card link='/aztec/concepts/accounts'>
104104
<CardHeader>
105105
<h3>Accounts</h3>
106106
</CardHeader>
@@ -109,7 +109,7 @@ Explore the Concepts for a deeper understanding into the components that make up
109109
</CardBody>
110110
</Card>
111111

112-
<Card shadow='tl' link='/aztec/concepts/pxe'>
112+
<Card link='/aztec/concepts/pxe'>
113113
<CardHeader>
114114
<h3>PXE (pronounced 'pixie')</h3>
115115
</CardHeader>
@@ -118,7 +118,7 @@ Explore the Concepts for a deeper understanding into the components that make up
118118
</CardBody>
119119
</Card>
120120

121-
<Card shadow='tl' link='/aztec/concepts/storage/state_model'>
121+
<Card link='/aztec/concepts/storage/state_model'>
122122
<CardHeader>
123123
<h3>State model</h3>
124124
</CardHeader>
@@ -127,7 +127,7 @@ Explore the Concepts for a deeper understanding into the components that make up
127127
</CardBody>
128128
</Card>
129129

130-
<Card shadow='tl' link='/aztec/concepts/storage'>
130+
<Card link='/aztec/concepts/storage'>
131131
<CardHeader>
132132
<h3>Storage</h3>
133133
</CardHeader>
@@ -136,7 +136,7 @@ Explore the Concepts for a deeper understanding into the components that make up
136136
</CardBody>
137137
</Card>
138138

139-
<Card shadow='tl' link='/aztec/concepts/wallets'>
139+
<Card link='/aztec/concepts/wallets'>
140140
<CardHeader>
141141
<h3>Wallets</h3>
142142
</CardHeader>
@@ -145,7 +145,7 @@ Explore the Concepts for a deeper understanding into the components that make up
145145
</CardBody>
146146
</Card>
147147

148-
<Card shadow='tl' link='/aztec/concepts/advanced/circuits'>
148+
<Card link='/aztec/concepts/advanced/circuits'>
149149
<CardHeader>
150150
<h3>Protocol Circuits</h3>
151151
</CardHeader>

0 commit comments

Comments
 (0)