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",
"@studio-freight/lenis": "^1.0.42",
"framer-motion": "^12.4.7",
"next": "15.1.7",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"next": "14.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-intersection-observer": "^9.15.1"
},
"devDependencies": {
"typescript": "^5",
"@types/node": "^20",
"@types/react": "^19",
"@types/react-dom": "^19",
"@types/react": "^18",
"@types/react-dom": "^18",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"eslint": "^9",
"eslint-config-next": "15.1.7",
"eslint": "^8",
"eslint-config-next": "14.1.0",
"@eslint/eslintrc": "^3"
}
}

6
src/pages/index.tsx
View File

@ -98,7 +98,7 @@ const GermanyText = () => {
<motion.button
aria-label="Switch to dark theme"
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 }}
onClick={() => setTheme('black')}
className={theme === 'black' ? 'ring-1 ring-white/20' : ''}
@ -106,7 +106,7 @@ const GermanyText = () => {
<motion.button
aria-label="Switch to red theme"
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 }}
onClick={() => setTheme('red')}
className={theme === 'red' ? 'ring-1 ring-white/20' : ''}
@ -114,7 +114,7 @@ const GermanyText = () => {
<motion.button
aria-label="Switch to gold theme"
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 }}
onClick={() => setTheme('gold')}
className={theme === 'gold' ? 'ring-1 ring-white/20' : ''}