diff --git a/assets/base.css b/assets/base.css index 9334525f0..7d0df28bf 100644 --- a/assets/base.css +++ b/assets/base.css @@ -98,3 +98,37 @@ body { a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} diff --git a/components/core/Toggle/Toggle.tsx b/components/core/Toggle/Toggle.tsx index 25b918d79..942a5a7f6 100644 --- a/components/core/Toggle/Toggle.tsx +++ b/components/core/Toggle/Toggle.tsx @@ -1,6 +1,6 @@ import React, { FC } from 'react' import { Switch } from '@headlessui/react' -import { HiSun, HiMoon } from 'react-icons/hi' +import { Moon, Sun } from '@components/icon' interface Props { className?: string checked: boolean @@ -35,7 +35,7 @@ const Toggle: FC = ({ className, checked, onChange }) => { : 'opacity-100 ease-in duration-150' } absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} > - + = ({ className, checked, onChange }) => { : 'opacity-0 ease-out duration-150' } opacity-0 ease-out duration-150 absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} > - + diff --git a/package.json b/package.json index a84b192dd..2760205ab 100644 --- a/package.json +++ b/package.json @@ -22,10 +22,7 @@ "@headlessui/react": "^0.2.0", "@react-aria/overlays": "^3.4.0", "@tailwindcss/ui": "^0.6.2", - "animate.css": "^4.1.1", "bowser": "^2.11.0", - "bunyan": "^1.8.14", - "bunyan-prettystream": "^0.1.3", "classnames": "^2.2.6", "cookie": "^0.4.1", "js-cookie": "^2.2.1", @@ -35,16 +32,12 @@ "next": "^9.5.6-canary.14", "next-seo": "^4.11.0", "next-themes": "^0.0.4", - "nextjs-progressbar": "^0.0.6", "postcss-import": "^13.0.0", "postcss-nesting": "^7.0.1", "react": "^16.14.0", "react-aria": "^3.0.0", "react-dom": "^16.14.0", - "react-icons": "^3.11.0", "react-merge-refs": "^1.1.0", - "react-swipeable-views": "^0.13.9", - "react-swipeable-views-utils": "^0.14.0-alpha.0", "react-ticker": "^1.2.2", "swr": "^0.3.3", "tailwindcss": "^1.9" @@ -69,7 +62,9 @@ "postcss-flexbugs-fixes": "^4.2.1", "postcss-preset-env": "^6.7.0", "prettier": "^2.1.2", - "typescript": "^4.0.3" + "typescript": "^4.0.3", + "bunyan": "^1.8.14", + "bunyan-prettystream": "^0.1.3" }, "resolutions": { "webpack": "^5.0.0-beta.30" diff --git a/pages/search.tsx b/pages/search.tsx index d4b373ec2..2c03ba1fb 100644 --- a/pages/search.tsx +++ b/pages/search.tsx @@ -111,12 +111,12 @@ export default function Search({
-
+
{data ? ( <> @@ -124,8 +124,8 @@ export default function Search({ {q}" @@ -145,7 +145,7 @@ export default function Search({ ( ))}