Skip to content

Commit b96ebc8

Browse files
committed
Update footer
Added a 'View on GitHub' link to the footer and improved its layout for responsiveness. Removed the 'Words Placed' statistic from the CrosswordGrid component to simplify the grid stats display.
1 parent b01bd2a commit b96ebc8

File tree

2 files changed

+13
-7
lines changed

2 files changed

+13
-7
lines changed

src/App.tsx

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff 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>

src/components/Grid/CrosswordGrid.tsx

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff 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>

0 commit comments

Comments
 (0)