Skip to content

Commit 087d84a

Browse files
zzq0826zzq0826
committed
update
1 parent 274b301 commit 087d84a

File tree

21 files changed

+210
-102
lines changed

21 files changed

+210
-102
lines changed

‎public/fonts/TransSansPremium-Medium.woff2‎

33.2 KB
Binary file not shown.

‎public/fonts/TransSansPremium-Regular.woff2‎

33.2 KB
Binary file not shown.

‎public/fonts/TransSansPremium-SemiBold.woff2‎

33.2 KB
Binary file not shown.

‎public/scroll.svg‎

Lines changed: 15 additions & 0 deletions
Loading

‎src/components/Header/Header.astro‎

Lines changed: 19 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ const section = frontmatter?.section ?? ""
2828
<nav class="nav-wrapper" title="Top Navigation">
2929
<div class="logo flex items-center">
3030
<a href={localizePath("/")}>
31-
<img src="/scroll-docs.svg" style="height:40px; width: 183px" alt={CONFIG.SITE.title ?? "Documentation"} />
31+
<img src="/scroll.svg" style="height:22px; width: 80px" alt={CONFIG.SITE.title ?? "Documentation"} />
3232
</a>
3333
</div>
3434
<div class="navbar">
@@ -48,7 +48,7 @@ const section = frontmatter?.section ?? ""
4848
</div>
4949
)
5050
}
51-
<LanguageSelector showFlag={true} class="language-selector" />
51+
<LanguageSelector class="language-selector" />
5252
<a href="https://github.com/scroll-tech/scroll-documentation" class="github-url" target="_blank" rel="nofollow">
5353
<img src="/assets/github.svg" />
5454
</a>
@@ -69,11 +69,24 @@ const section = frontmatter?.section ?? ""
6969
overflow: hidden;
7070
position: sticky;
7171
top: 0;
72-
@apply h-navbar bg-white;
72+
@apply h-navbar;
7373
}
7474

7575
.language-selector {
7676
height: 36px;
77+
text-align: center;
78+
font-size: 16px;
79+
font-style: normal;
80+
font-weight: 400;
81+
line-height: 35px;
82+
letter-spacing: 0.16px;
83+
padding: 0px 25px;
84+
border-radius: 100px;
85+
appearance: none;
86+
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
87+
background-repeat: no-repeat;
88+
background-position: right 10px center;
89+
background-size: 1em;
7790
}
7891
.nav-link {
7992
@apply text-primary;
@@ -129,8 +142,8 @@ const section = frontmatter?.section ?? ""
129142
justify-content: flex-end;
130143
gap: 1em;
131144
width: 100%;
132-
max-width: 82em;
133-
margin: 0 1rem;
145+
max-width: 92em;
146+
margin: 0 1.25rem;
134147
}
135148
.spacer {
136149
display: none;
@@ -181,7 +194,7 @@ const section = frontmatter?.section ?? ""
181194
@apply border-0 border-b-2 border-solid border-link;
182195
}
183196
.github-url {
184-
width: 24px;
197+
width: 35px;
185198
display: flex;
186199
}
187200
}

‎src/components/Header/Search/Search.module.css‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,24 +7,24 @@
77
display: none;
88
flex-grow: 1;
99
box-sizing: border-box;
10-
width: 100%;
1110
margin: 0;
12-
padding: 0.33em 0.5em;
11+
padding: 0.62em 0.5em;
1312
overflow: visible;
1413
font-weight: 500;
1514
font-size: 1rem;
1615
border-style: solid;
17-
border-width: 1px;
18-
border-radius: 0.25rem;
16+
border-width: 0;
1917
outline: 0;
2018
cursor: pointer;
2119
transition-timing-function: ease-out;
2220
transition-duration: 0.2s;
2321
transition-property: border-color, color;
2422
align-items: center;
25-
width: 180px;
23+
width: 346px;
24+
height: 35px;
25+
border-radius: 40px;
2626
font-style: italic;
27-
@apply bg-divider border-divider text-placeholder gap-2;
27+
@apply bg-white border-divider text-placeholder gap-2;
2828
}
2929
.searchInputMobile {
3030
background: transparent;

‎src/components/Header/Search/Search.tsx‎

Lines changed: 3 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -24,42 +24,9 @@ export default function Search() {
2424
return (
2525
<>
2626
<button onClick={onOpen} className={styles.searchInput}>
27-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
28-
<g>
29-
<path
30-
fillRule="evenodd"
31-
clipRule="evenodd"
32-
d="M12 23.25C18.2132 23.25 23.25 18.2132 23.25 12C23.25 5.7868 18.2132 0.75 12 0.75C5.7868 0.75 0.75 5.7868 0.75 12C0.75 18.2132 5.7868 23.25 12 23.25Z"
33-
stroke="currentColor"
34-
strokeWidth="1.5"
35-
strokeLinecap="round"
36-
strokeLinejoin="round"
37-
/>
38-
<path
39-
fillRule="evenodd"
40-
clipRule="evenodd"
41-
d="M11.125 15.5C13.5412 15.5 15.5 13.5412 15.5 11.125C15.5 8.70875 13.5412 6.75 11.125 6.75C8.70875 6.75 6.75 8.70875 6.75 11.125C6.75 13.5412 8.70875 15.5 11.125 15.5Z"
42-
stroke="currentColor"
43-
strokeWidth="1.5"
44-
strokeLinecap="round"
45-
strokeLinejoin="round"
46-
/>
47-
<path
48-
d="M14.219 14.218L17.25 17.25"
49-
stroke="currentColor"
50-
strokeWidth="1.5"
51-
strokeLinecap="round"
52-
strokeLinejoin="round"
53-
/>
54-
</g>
55-
<defs>
56-
<clipPath id="clip0_514_6208">
57-
<rect width="24" height="24" fill="white" />
58-
</clipPath>
59-
</defs>
60-
</svg>
61-
62-
<span>Search...</span>
27+
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
28+
<path d="M16 16L11.4562 11.45C12.5625 10.3437 13.2438 8.8125 13.2438 7.125C13.2438 3.74375 10.5 1 7.11875 1C3.7375 1 1 3.74375 1 7.125C1 10.5063 3.74375 13.25 7.125 13.25C7.5375 13.25 7.94375 13.2062 8.33125 13.1312" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
29+
</svg>
6330
</button>
6431
<button onClick={onOpen} className={styles.searchInputMobile}>
6532
<img src="/assets/search.svg" alt="search" aria-label="Search" width={16} height={16} />

‎src/components/LeftSidebar/LeftSidebar.astro‎

Lines changed: 22 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -66,11 +66,25 @@ const currentPageMatch = removeSlashes(currentPage.slice(1))
6666
>
6767
{child.title}
6868
{isExternal(child.url) && (
69-
<img
70-
src="/assets/icons/external-link.svg"
71-
alt="external link"
72-
style="width:12px; height: 12px"
73-
/>
69+
<svg
70+
xmlns="http://www.w3.org/2000/svg"
71+
width="10"
72+
height="11"
73+
viewBox="0 0 10 11"
74+
fill="none"
75+
>
76+
<g clip-path="url(#clip0_2084_4329)">
77+
<path
78+
d="M9 1.5V8.36538L7.83812 7.2035V3.46385C5.46463 5.76924 3.29542 8.27999 0.853849 10.5L0 9.66344C2.42536 7.44344 4.5762 4.96728 6.93347 2.6781H3.31272L2.13462 1.5H9Z"
79+
fill="#101010"
80+
/>
81+
</g>
82+
<defs>
83+
<clipPath id="clip0_2084_4329">
84+
<rect width="10" height="10" fill="white" transform="translate(0 0.5)" />
85+
</clipPath>
86+
</defs>
87+
</svg>
7488
)}
7589
</a>
7690
</li>
@@ -154,21 +168,20 @@ const currentPageMatch = removeSlashes(currentPage.slice(1))
154168
}
155169

156170
.nav-group-title {
157-
font-size: 1rem;
158-
font-weight: 700;
171+
font-size: 18px;
172+
font-weight: 600;
159173
padding: 0.1rem 1rem;
160-
text-transform: uppercase;
161174
margin-bottom: 0.5rem;
162175
}
163176

164177
.nav-link a {
165-
font-size: 1rem;
166178
margin: 1px;
167179
padding: 0.3rem 1rem;
168180
font: inherit;
169181
color: inherit;
170182
text-decoration: none;
171183
display: block;
184+
font-size: 18px;
172185
}
173186

174187
.nav-link a:hover,

0 commit comments

Comments
 (0)