Fascinated/simple-links
1
1
Fork 0
generated from Fascinated/nextjs-13-template-with-tailwindcss
Code Issues 1 Pull Requests 10 Actions Activity

add drop shadow to the buttons
All checks were successful
Publish Docker Image / docker (push) Successful in 2m0s
Details

Browse Source
This commit is contained in:
Lee 2023-08-02 02:10:40 +01:00
parent 9e9a4885dc
commit f9b5a471f4
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/page.tsx
View File

@ -71,6 +71,8 @@ export default function Home() {
}} }}
/> />
)} )}
{/* Info Card */}
<div <div
className={`${ className={`${
infoCard.transparency != 0 infoCard.transparency != 0
@ -112,7 +114,7 @@ export default function Home() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded
${selectedTheme.buttonTextColor} ${color} hover:brightness-75 transition gap-2`} ${selectedTheme.buttonTextColor} ${color} hover:brightness-75 transition gap-2 shadow-lg`}
style={{ style={{
opacity: opacity:
infoCard.transparency != 0 infoCard.transparency != 0
@ -139,7 +141,7 @@ export default function Home() {
href={link.url} href={link.url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="hover:brightness-75 transition" className="hover:brightness-75 transition shadow-lg"
style={{ style={{
opacity: opacity:
infoCard.transparency != 0 infoCard.transparency != 0