format according to headwind sequence

This commit is contained in:
spencerwooo
2021-09-04 15:15:09 +01:00
parent 047508e5da
commit 97a0eb91fc
17 changed files with 91 additions and 95 deletions
+4 -4
View File
@@ -8,14 +8,14 @@ const Breadcrumb: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =>
const { path } = query
if (Array.isArray(path)) {
return (
<div className="pb-4 text-sm text-gray-600 dark:text-gray-300 flex overflow-x-scroll no-scrollbar">
<div className="p-1 hover:opacity-80 transition-all duration-75 flex-shrink-0">
<div className="dark:text-gray-300 no-scrollbar flex pb-4 overflow-x-scroll text-sm text-gray-600">
<div className="hover:opacity-80 flex-shrink-0 p-1 transition-all duration-75">
<Link href="/">🚩 Home</Link>
</div>
{path.map((q: string, i: number) => (
<div key={i} className="flex items-center flex-shrink-0">
<div>/</div>
<div className="p-1 hover:opacity-80 transition-all duration-75">
<div className="hover:opacity-80 p-1 transition-all duration-75">
<Link
href={`/${path
.slice(0, i + 1)
@@ -33,7 +33,7 @@ const Breadcrumb: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =>
}
return (
<div className="pb-4 text-sm text-gray-600 dark:text-gray-300 hover:opacity-80 transition-all duration-75">
<div className="dark:text-gray-300 hover:opacity-80 pb-4 text-sm text-gray-600 transition-all duration-75">
<div className="p-1">
<Link href="/">🚩 Home</Link>
</div>