Skip to content

Commit 1b91124

Browse files
committed
Added github link
1 parent 6dbaac5 commit 1b91124

3 files changed

Lines changed: 34 additions & 3 deletions

File tree

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
React Camera Kit for web applications.
44

5+
**[Live Demo](https://snapchat.github.io/react-camera-kit/)**
6+
57
## Installation
68

79
```bash
@@ -108,8 +110,6 @@ npm run clean
108110

109111
## Demo App
110112

111-
👉 **[Live Demo](https://snapchat.github.io/react-camera-kit/)**
112-
113113
A Vite demo app is available at `demo`.
114114

115115
```bash

demo/src/App.tsx

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,17 @@ export function App() {
4848
<header className="hero">
4949
<div className="hero-top">
5050
<div>
51-
<p className="eyebrow">React Camera Kit</p>
51+
<p className="eyebrow">
52+
React Camera Kit
53+
<a
54+
href="https://github.com/Snapchat/react-camera-kit"
55+
target="_blank"
56+
rel="noopener noreferrer"
57+
className="github-link"
58+
>
59+
GitHub &rarr;
60+
</a>
61+
</p>
5262
<h1>Web Demo</h1>
5363
</div>
5464
<nav className="mode-nav" aria-label="Demo mode">

demo/src/styles.css

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,27 @@ body {
7676
font-size: clamp(1.6rem, 4.2vw, 2.8rem);
7777
}
7878

79+
.github-link {
80+
margin-left: 10px;
81+
font-size: 0.7rem;
82+
font-weight: 700;
83+
letter-spacing: 0.06em;
84+
color: var(--ink-soft);
85+
text-decoration: none;
86+
background: rgba(19, 33, 58, 0.07);
87+
padding: 2px 9px;
88+
border-radius: 999px;
89+
vertical-align: middle;
90+
transition:
91+
background 0.15s,
92+
color 0.15s;
93+
}
94+
95+
.github-link:hover {
96+
background: rgba(19, 33, 58, 0.14);
97+
color: var(--ink);
98+
}
99+
79100
.subhead {
80101
margin: 10px 0 0;
81102
color: var(--ink-soft);

0 commit comments

Comments
 (0)