Skip to content

Commit 3dba536

Browse files
anegg0anegg0
authored
Merge branch 'master' into fix-new-sdk-gen
2 parents 2abdfcc + 5e80b39 commit 3dba536

File tree

9 files changed

+269
-129
lines changed

9 files changed

+269
-129
lines changed

‎docs/launch-arbitrum-chain/04-maintain-your-chain/03-ownership-structure-access-control.mdx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,12 @@ Calls to an Upgrade Executor can only be made by chain owners; e.g., entities gr
2929

3030
With this architecture, the Upgrade Executor represents a single source of truth for affordances over critical upgradability of the chain.
3131

32+
:::info Precompile Reference
33+
34+
The [`ArbOwner` precompile reference](/build-decentralized-apps/precompiles/02-reference.mdx#arbowner) can be found on the [Precompiles reference page](/build-decentralized-apps/precompiles/02-reference.mdx).
35+
36+
:::
37+
3238
### Upgrades
3339

3440
Upgrades occur via a chain owner initiating a call to an Upgrade Executor, which in turns calls some chain-owned contract.

‎docs/run-arbitrum-node/02-run-full-node.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ The following are the minimum hardware requirements to set up a <a data-quickloo
2626
| RAM | 64 GB |
2727
| CPU | 8 core CPU (for AWS, a `i4i.2xlarge` instance) |
2828
| Storage type | NVMe SSD drives with locally attached drives strongly recommended |
29-
| Storage size | Depends on the chain and its traffic overtime |
29+
| Storage size | Depends on the chain and its traffic over time |
3030

3131
Please note that:
3232

‎docs/run-arbitrum-node/sequencer/04-run-sequencer-node.mdx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@ This how-to provides step-by-step instructions for running a sequencer node on y
1919

2020
The following are the minimum hardware configurations required to set up a <a data-quicklook-from="arbitrum-nitro">Nitro</a> full node (not archival):
2121

22-
| Resource | Recommended |
23-
| :----------- | :-------------------------------------------- |
24-
| RAM | 16 GB |
25-
| CPU | 4 core CPU (for AWS, a `t3 xLarge` instance) |
26-
| Storage type | NVMe SSD drives are recommended |
27-
| Storage size | Depends on the chain and its traffic overtime |
22+
| Resource | Recommended |
23+
| :----------- | :--------------------------------------------- |
24+
| RAM | 16 GB |
25+
| CPU | 4 core CPU (for AWS, a `t3 xLarge` instance) |
26+
| Storage type | NVMe SSD drives are recommended |
27+
| Storage size | Depends on the chain and its traffic over time |
2828

2929
Please note that:
3030

‎src/components/ImageCaptions/index.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
44
export default function ImageWithCaption({ src, caption }) {
55
return (
66
<imageWithCaption style={{ padding: 20, display: 'block', color: 'gray' }}>
7-
<img src={useBaseUrl(src)} alt={caption} />
7+
<img src={useBaseUrl(src)} alt={caption} style={{ borderRadius: '0.4rem' }} />
88
<imgcaption>{`${caption}`}</imgcaption>
99
</imageWithCaption>
1010
);

‎src/components/ImageZoom/index.tsx‎

Lines changed: 8 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -43,60 +43,14 @@ export default function ImageZoom({ src, alt, className, caption, children }: Im
4343
};
4444

4545
const renderModal = () => (
46-
<div
47-
onClick={handleClose}
48-
style={{
49-
position: 'fixed',
50-
top: 0,
51-
left: 0,
52-
right: 0,
53-
bottom: 0,
54-
background: 'rgba(0, 0, 0, 0.8)',
55-
display: 'flex',
56-
alignItems: 'center',
57-
justifyContent: 'center',
58-
zIndex: 99999,
59-
}}
60-
>
61-
<div
62-
onClick={(e) => e.stopPropagation()}
63-
style={{
64-
position: 'relative',
65-
display: 'flex',
66-
alignItems: 'center',
67-
justifyContent: 'center',
68-
width: '90vw',
69-
height: '90vh',
70-
}}
71-
>
46+
<div onClick={handleClose} className="image-zoom__modal">
47+
<div onClick={(e) => e.stopPropagation()} className="image-zoom__container">
7248
{imageLoaded ? (
73-
<img
74-
src={src}
75-
alt={alt || ''}
76-
style={{
77-
maxWidth: '100%',
78-
maxHeight: '100%',
79-
objectFit: 'contain',
80-
}}
81-
/>
49+
<img src={src} alt={alt || ''} className="image-zoom__image" />
8250
) : (
83-
<div style={{ color: 'white' }}>Loading...</div>
51+
<div className="image-zoom__loading">Loading...</div>
8452
)}
85-
<button
86-
onClick={handleClose}
87-
style={{
88-
position: 'fixed',
89-
top: '20px',
90-
right: '20px',
91-
background: 'none',
92-
border: 'none',
93-
color: 'white',
94-
cursor: 'pointer',
95-
padding: '8px',
96-
zIndex: 100000,
97-
fontSize: '24px',
98-
}}
99-
>
53+
<button onClick={handleClose} className="image-zoom__close">
10054
✕
10155
</button>
10256
</div>
@@ -105,27 +59,14 @@ export default function ImageZoom({ src, alt, className, caption, children }: Im
10559

10660
return (
10761
<>
108-
<figure style={{ margin: '1rem 0', textAlign: 'center' }}>
62+
<figure className="image-zoom__figure">
10963
<img
11064
src={src}
11165
alt={alt || ''}
112-
className={className}
66+
className={`image-zoom__thumbnail ${className || ''}`}
11367
onClick={handleImageClick}
114-
style={{ cursor: 'zoom-in' }}
11568
/>
116-
{captionText && (
117-
<figcaption
118-
style={{
119-
marginTop: '0.5rem',
120-
fontSize: '0.9rem',
121-
fontStyle: 'italic',
122-
color: 'var(--ifm-color-emphasis-600)',
123-
textAlign: 'center',
124-
}}
125-
>
126-
{captionText}
127-
</figcaption>
128-
)}
69+
{captionText && <figcaption className="image-zoom__caption">{captionText}</figcaption>}
12970
</figure>
13071
{isOpen && typeof document !== 'undefined' && createPortal(renderModal(), document.body)}
13172
</>

‎src/css/custom.css‎

Lines changed: 21 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -15,59 +15,6 @@
1515
fill: #000;
1616
}
1717

18-
/* ImageZoom Component styles */
19-
.image-zoom__modal {
20-
position: fixed;
21-
top: 0;
22-
left: 0;
23-
right: 0;
24-
bottom: 0;
25-
background: transparent;
26-
display: flex;
27-
align-items: center;
28-
justify-content: center;
29-
z-index: 1000;
30-
}
31-
32-
.image-zoom__container {
33-
position: relative;
34-
max-width: 90vw;
35-
max-height: 90vh;
36-
display: flex;
37-
align-items: center;
38-
justify-content: center;
39-
}
40-
41-
.image-zoom__image {
42-
max-width: 90vw;
43-
max-height: 90vh;
44-
object-fit: contain;
45-
}
46-
47-
.image-zoom__close {
48-
position: absolute;
49-
top: 50%;
50-
left: 50%;
51-
transform: translate(-50%, -50%);
52-
background: transparent;
53-
border: none;
54-
color: white;
55-
font-size: 24px;
56-
cursor: pointer;
57-
padding: 8px;
58-
z-index: 1001;
59-
}
60-
61-
.image-zoom__close:hover {
62-
opacity: 0.8;
63-
}
64-
65-
.image-zoom__loading {
66-
color: white;
67-
font-size: 18px;
68-
padding: 20px;
69-
}
70-
7118
/* Image width presets */
7219
.img-20px {
7320
width: 20px;
@@ -98,3 +45,24 @@
9845
.wrapcode code {
9946
white-space: pre-wrap;
10047
}
48+
49+
/* Details/Summary collapsible elements - border radius override */
50+
details,
51+
details.alert {
52+
border-radius: 0.5rem !important;
53+
overflow: hidden;
54+
border: none !important;
55+
}
56+
57+
details[open],
58+
details.alert[open] {
59+
border-radius: 0.5rem !important;
60+
overflow: hidden;
61+
border: none !important;
62+
}
63+
64+
/* Ensure summary element also respects border radius at top */
65+
details > summary {
66+
border-top-left-radius: 0.5rem;
67+
border-top-right-radius: 0.5rem;
68+
}

‎src/css/custom.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
@use './partials/_footer.scss';
1313
@use './partials/_navbar.scss';
1414
@use './partials/_modal.scss';
15+
@use './partials/_image-zoom.scss';
1516

1617
@keyframes blink {
1718
0% {

‎src/css/partials/_image-zoom.scss‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
/**
2+
* ImageZoom Component Styles
3+
* Styles for the click-to-zoom image component with modal overlay
4+
*/
5+
6+
/* Thumbnail/figure container */
7+
.image-zoom {
8+
&__figure {
9+
margin: 1rem 0;
10+
text-align: center;
11+
}
12+
13+
&__thumbnail {
14+
cursor: zoom-in;
15+
border-radius: 0.4rem;
16+
}
17+
18+
&__caption {
19+
margin-top: 0.5rem;
20+
font-size: 0.9rem;
21+
font-style: italic;
22+
color: var(--ifm-color-emphasis-600);
23+
text-align: center;
24+
}
25+
}
26+
27+
/* Modal overlay */
28+
.image-zoom__modal {
29+
position: fixed;
30+
top: 0;
31+
left: 0;
32+
right: 0;
33+
bottom: 0;
34+
background: rgba(0, 0, 0, 0.8);
35+
display: flex;
36+
align-items: center;
37+
justify-content: center;
38+
z-index: 99999;
39+
}
40+
41+
/* Container for zoomed image */
42+
.image-zoom__container {
43+
position: relative;
44+
display: flex;
45+
align-items: center;
46+
justify-content: center;
47+
width: 90vw;
48+
height: 90vh;
49+
}
50+
51+
/* Zoomed image */
52+
.image-zoom__image {
53+
max-width: 100%;
54+
max-height: 100%;
55+
object-fit: contain;
56+
border-radius: 0.4rem;
57+
}
58+
59+
/* Loading state */
60+
.image-zoom__loading {
61+
color: white;
62+
font-size: 18px;
63+
padding: 20px;
64+
}
65+
66+
/* Close button */
67+
.image-zoom__close {
68+
position: fixed;
69+
top: 20px;
70+
right: 20px;
71+
background: none;
72+
border: none;
73+
color: white;
74+
cursor: pointer;
75+
padding: 8px;
76+
z-index: 100000;
77+
font-size: 24px;
78+
79+
&:hover {
80+
opacity: 0.8;
81+
}
82+
}

0 commit comments

Comments
 (0)