Skip to content

Commit 4cb8477

Browse files
committed
Pleae enter the commit message for your changes. Lines starting
1 parent 4b4e475 commit 4cb8477

2 files changed

Lines changed: 57 additions & 3 deletions

File tree

src/theme/Footer/Layout/footer.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,35 @@
135135
cursor: default;
136136
}
137137

138+
.rh-btn--white {
139+
color: var(--rhf-text);
140+
background: var(--rhf-bg, #fff);
141+
border: 1.5px solid var(--rhf-border);
142+
}
143+
144+
.rh-btn--white:hover {
145+
color: var(--rhf-text);
146+
border-color: var(--rhf-text);
147+
text-decoration: none;
148+
}
149+
150+
.rh-btn--dark {
151+
color: #fff;
152+
background: #0a0a0a;
153+
border: 1.5px solid #0a0a0a;
154+
}
155+
156+
.rh-btn--dark:hover {
157+
color: #fff;
158+
background: #1a1a1a;
159+
border-color: #1a1a1a;
160+
text-decoration: none;
161+
}
162+
163+
.rh-btn__icon {
164+
flex-shrink: 0;
165+
}
166+
138167
/* Link columns */
139168

140169
.rh-footer__label {

src/theme/Footer/Layout/index.tsx

Lines changed: 28 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -131,16 +131,41 @@ export default function FooterLayout(): ReactNode {
131131
<span>code second.</span>
132132
</p>
133133
<div className="rh-footer__cta">
134-
<Link to="/blog" className="rh-btn rh-btn--outline">
134+
<Link to="/blog" className="rh-btn rh-btn--white">
135+
<svg
136+
className="rh-btn__icon"
137+
width="16"
138+
height="16"
139+
viewBox="0 0 24 24"
140+
fill="none"
141+
stroke="currentColor"
142+
strokeWidth="2"
143+
strokeLinecap="round"
144+
strokeLinejoin="round"
145+
aria-hidden="true"
146+
>
147+
<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
148+
<path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
149+
</svg>
135150
Read Blog
136151
</Link>
137152
<a
138153
href="https://github.com/recodehive/recode-website"
139154
target="_blank"
140155
rel="noopener noreferrer"
141-
className="rh-btn rh-btn--outline"
156+
className="rh-btn rh-btn--dark"
142157
>
143-
★ Star on GitHub
158+
<svg
159+
className="rh-btn__icon"
160+
width="16"
161+
height="16"
162+
viewBox="0 0 24 24"
163+
fill="currentColor"
164+
aria-hidden="true"
165+
>
166+
<path d="M12 .5C5.73.5.5 5.73.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.27-.01-1.17-.02-2.12-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.04-.71.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.76 2.7 1.25 3.36.96.1-.75.4-1.25.73-1.54-2.56-.29-5.25-1.28-5.25-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.06 11.06 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.4-5.27 5.69.42.36.78 1.07.78 2.16 0 1.56-.01 2.82-.01 3.2 0 .31.21.68.8.56A10.51 10.51 0 0 0 23.5 12c0-6.27-5.23-11.5-11.5-11.5Z" />
167+
</svg>
168+
Star on GitHub
144169
</a>
145170
</div>
146171
</div>

0 commit comments

Comments
 (0)