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

add slight transparency to buttons when no info background is visible
All checks were successful
Publish Docker Image / docker (push) Successful in 41s
Details

Browse Source
This commit is contained in:
Lee 2023-07-27 03:28:03 +01:00
parent ec3ecd8c84
commit 9e9a4885dc
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/page.tsx
View File

@ -113,6 +113,12 @@ export default function Home() {
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`}
style={{
opacity:
infoCard.transparency != 0
? infoCard.transparency
: 0.8,
}}
> >
{link.icon && <FontAwesomeIcon icon={icons} />} {link.icon && <FontAwesomeIcon icon={icons} />}
<p>{link.title}</p> <p>{link.title}</p>
@ -134,6 +140,12 @@ export default function Home() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="hover:brightness-75 transition" className="hover:brightness-75 transition"
style={{
opacity:
infoCard.transparency != 0
? infoCard.transparency
: 0.8,
}}
> >
{link.icon && ( {link.icon && (
<FontAwesomeIcon <FontAwesomeIcon