@@ -115,28 +115,38 @@ function Footer() {
115
115
https://lfprojects.org
116
116
</ a >
117
117
</ 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 >
140
150
</ div >
141
151
</ div >
142
152
)
0 commit comments