@@ -115,28 +115,38 @@ function Footer() {
115115 https://lfprojects.org
116116 </ a >
117117 </ p >
118- < ul className = "flex gap-5" >
119- { [
120- { url : "https://github.com/graphql" , icon : GitHubIcon } ,
121- { url : "https://discord.graphql.org" , icon : DiscordIcon } ,
122- { url : "https://twitter.com/graphql" , icon : TwitterIcon } ,
123- {
124- url : "http://stackoverflow.com/questions/tagged/graphql" ,
125- icon : StackOverflowIcon ,
126- } ,
127- ] . map ( ( { url, icon : Icon } ) => (
128- < li key = { url } >
129- < a
130- href = { url }
131- target = "_blank"
132- rel = "noreferrer"
133- className = "hover:text-primary transition-colors"
134- >
135- < Icon className = "h-5 w-auto *:fill-current" />
136- </ a >
137- </ li >
138- ) ) }
139- </ ul >
118+ < div className = "flex flex-col gap-4 lg:items-end" >
119+ < ul className = "flex gap-5" >
120+ { [
121+ { url : "https://github.com/graphql" , icon : GitHubIcon } ,
122+ { url : "https://discord.graphql.org" , icon : DiscordIcon } ,
123+ { url : "https://twitter.com/graphql" , icon : TwitterIcon } ,
124+ {
125+ url : "http://stackoverflow.com/questions/tagged/graphql" ,
126+ icon : StackOverflowIcon ,
127+ } ,
128+ ] . map ( ( { url, icon : Icon } ) => (
129+ < li key = { url } >
130+ < a
131+ href = { url }
132+ target = "_blank"
133+ rel = "noreferrer"
134+ className = "hover:text-primary transition-colors block"
135+ >
136+ < Icon className = "h-5 w-auto *:fill-current" />
137+ </ a >
138+ </ li >
139+ ) ) }
140+ </ ul >
141+ < a
142+ href = "https://nextra.site"
143+ target = "_blank"
144+ rel = "noreferrer"
145+ className = "text-xs hover:text-primary transition-colors"
146+ >
147+ Powered by Nextra
148+ </ a >
149+ </ div >
140150 </ div >
141151 </ div >
142152 )
0 commit comments