File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 22
33React 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-
113113A Vite demo app is available at ` demo ` .
114114
115115``` bash
Original file line number Diff line number Diff 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 →
60+ </ a >
61+ </ p >
5262 < h1 > Web Demo</ h1 >
5363 </ div >
5464 < nav className = "mode-nav" aria-label = "Demo mode" >
Original file line number Diff line number Diff 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 );
You can’t perform that action at this time.
0 commit comments