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

improve js disabled / first load experience

Browse Source
This commit is contained in:
Chuck Dries
2021-09-20 12:43:07 -07:00
parent 6c55299fd3
commit 8db14fe4b5
3 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/index/ActionButtons.js
View File

@@ -5,8 +5,9 @@ import { Link } from "gatsby";
const getButtonClasses = (isClient) =>
classnames(
"z-20 rounded-md text-md inline-block px-2 py-1 mt-1 md:py-2 md:px-3 md:my-1 mr-2 text-md hover:underline",
isClient &&
`text-muted-light bg-muted-dark hover:bg-muted blurred-or-opaque-bg-2`
isClient
? 'text-muted-light bg-muted-dark hover:bg-muted blurred-or-opaque-bg-2'
: 'text-gray-200'
);
const ActionButtons = ({ isClient, image, shuffleImage }) => (

2
src/components/index/Nav.js
View File

@@ -2,7 +2,7 @@ import React from 'react';
import classnames from 'classnames';
const getNavClasses = (isClient) =>
classnames("hover:underline mx-2 md:mx-3", isClient && "text-vibrant-light");
classnames("hover:underline mx-2 md:mx-3", isClient ? "text-vibrant-light" : 'text-gray-200');
const Nav = ({ ar, isClient }) => (
<nav