jleibl/jleibl.net
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update dependencies and improve button styles

Browse Source
This commit is contained in:
Jan-Marlon Leibl
2025-02-24 22:34:10 +01:00
parent 49123435c4
commit 19f1dd7767
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
package.json
View File

@ -13,20 +13,20 @@
"@fontsource/instrument-sans": "^5.1.1", "@fontsource/instrument-sans": "^5.1.1",
"@studio-freight/lenis": "^1.0.42", "@studio-freight/lenis": "^1.0.42",
"framer-motion": "^12.4.7", "framer-motion": "^12.4.7",
"next": "15.1.7", "next": "14.1.0",
"react": "^19.0.0", "react": "^18.2.0",
"react-dom": "^19.0.0", "react-dom": "^18.2.0",
"react-intersection-observer": "^9.15.1" "react-intersection-observer": "^9.15.1"
}, },
"devDependencies": { "devDependencies": {
"typescript": "^5", "typescript": "^5",
"@types/node": "^20", "@types/node": "^20",
"@types/react": "^19", "@types/react": "^18",
"@types/react-dom": "^19", "@types/react-dom": "^18",
"postcss": "^8", "postcss": "^8",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.1",
"eslint": "^9", "eslint": "^8",
"eslint-config-next": "15.1.7", "eslint-config-next": "14.1.0",
"@eslint/eslintrc": "^3" "@eslint/eslintrc": "^3"
} }
} }

6
src/pages/index.tsx
View File

@ -98,7 +98,7 @@ const GermanyText = () => {
<motion.button <motion.button
aria-label="Switch to dark theme" aria-label="Switch to dark theme"
aria-pressed={theme === 'black'} aria-pressed={theme === 'black'}
style={{ flex: 1, backgroundColor: "rgba(0, 0, 0, 0.9)" }} style={{ flex: 1, backgroundColor: "rgba(0, 0, 0)", borderLeft: "2px solid rgba(255, 255, 255, 0.1)", borderTop: "2px solid rgba(255, 255, 255, 0.1)", borderBottom: "2px solid rgba(255, 255, 255, 0.1)" }}
whileHover={{ scale: 1.1 }} whileHover={{ scale: 1.1 }}
onClick={() => setTheme('black')} onClick={() => setTheme('black')}
className={theme === 'black' ? 'ring-1 ring-white/20' : ''} className={theme === 'black' ? 'ring-1 ring-white/20' : ''}
@ -106,7 +106,7 @@ const GermanyText = () => {
<motion.button <motion.button
aria-label="Switch to red theme" aria-label="Switch to red theme"
aria-pressed={theme === 'red'} aria-pressed={theme === 'red'}
style={{ flex: 1, backgroundColor: "rgba(255, 0, 0, 0.9)" }} style={{ flex: 1, backgroundColor: "rgba(255, 0, 0)" }}
whileHover={{ scale: 1.1 }} whileHover={{ scale: 1.1 }}
onClick={() => setTheme('red')} onClick={() => setTheme('red')}
className={theme === 'red' ? 'ring-1 ring-white/20' : ''} className={theme === 'red' ? 'ring-1 ring-white/20' : ''}
@ -114,7 +114,7 @@ const GermanyText = () => {
<motion.button <motion.button
aria-label="Switch to gold theme" aria-label="Switch to gold theme"
aria-pressed={theme === 'gold'} aria-pressed={theme === 'gold'}
style={{ flex: 1, backgroundColor: "rgba(255, 204, 0, 0.9)" }} style={{ flex: 1, backgroundColor: "rgba(255, 204, 0)" }}
whileHover={{ scale: 1.1 }} whileHover={{ scale: 1.1 }}
onClick={() => setTheme('gold')} onClick={() => setTheme('gold')}
className={theme === 'gold' ? 'ring-1 ring-white/20' : ''} className={theme === 'gold' ? 'ring-1 ring-white/20' : ''}