File tree Expand file tree Collapse file tree 2 files changed +13
-7
lines changed Expand file tree Collapse file tree 2 files changed +13
-7
lines changed Original file line number Diff line number Diff line change @@ -211,8 +211,18 @@ function App() {
211211 < p className = "text-sm font-medium text-gray-700" >
212212 Crossingword - Powered by AI and Modern Web Tech
213213 </ p >
214- < div className = "flex items-center justify-center gap-4 text-xs text-gray-500" >
215- < span > Dictionary by{ ' ' }
214+ < div className = "flex flex-col sm:flex-row items-center justify-center gap-4 text-xs text-gray-500" >
215+ < a
216+ href = "https://github.com/dbccccccc/crossingword"
217+ target = "_blank"
218+ rel = "noopener noreferrer"
219+ className = "text-blue-600 hover:text-blue-700 underline font-medium"
220+ >
221+ View on GitHub
222+ </ a >
223+ < span className = "hidden sm:inline text-gray-300" > •</ span >
224+ < span >
225+ Dictionary by{ ' ' }
216226 < a
217227 href = "https://dictionaryapi.dev/"
218228 target = "_blank"
@@ -222,7 +232,7 @@ function App() {
222232 Free Dictionary API
223233 </ a >
224234 </ span >
225- < span className = "text-gray-300" > •</ span >
235+ < span className = "hidden sm:inline text-gray-300" > •</ span >
226236 < span > Built with React, TypeScript & Tailwind CSS </ span >
227237 </ div >
228238 </ div >
Original file line number Diff line number Diff line change @@ -105,10 +105,6 @@ export const CrosswordGrid: React.FC<CrosswordGridProps> = ({
105105 </ div >
106106
107107 < div className = "mt-4 pt-4 border-t border-gray-200 grid grid-cols-2 sm:grid-cols-4 gap-4 text-sm" >
108- < div className = "text-center p-2 bg-blue-50 rounded" >
109- < div className = "text-2xl font-bold text-blue-600" > { crossword . placedWords . length } </ div >
110- < div className = "text-xs text-gray-600" > Words Placed</ div >
111- </ div >
112108 < div className = "text-center p-2 bg-green-50 rounded" >
113109 < div className = "text-2xl font-bold text-green-600" > { crossword . size . rows } ×{ crossword . size . cols } </ div >
114110 < div className = "text-xs text-gray-600" > Grid Size</ div >
You can’t perform that action at this time.
0 commit comments