chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix bg styles being compiled away by tailwind

Browse Source
This commit is contained in:
Chuck Dries 2021-07-19 12:43:53 -07:00
parent 269e674872
commit 9f85dc658f
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/index.js
View File

@ -23,12 +23,15 @@ const getDifferentRand = (range, lastNs, iterations = 0) => {
return n;
};
const getButtonClasses = (isClient, colorMode = "vibrant") =>
classnames(
const getButtonClasses = (isClient, colorMode = "vibrant") => {
const textColor = colorMode === 'vibrant' ? 'text-vibrant-light' : 'text-muted-light'
const bgColor = colorMode === 'vibrant' ? 'bg-vibrant-dark' : 'bg-muted-dark'
return classnames(
"z-20 rounded-md text-md inline-block px-3 py-2 my-1 mr-2 text-md hover:underline",
isClient && `text-${colorMode}-light bg-${colorMode}-dark blurred-or-opaque-bg-2`,
isClient && `${textColor} ${bgColor} blurred-or-opaque-bg-2`,
isClient && colorMode === "muted" ? `hover:bg-muted` : ""
);
};
const Nav = ({ ar, isClient }) => (
<nav