Merge pull request #92 from mckervinc/feature/tailwind

move files around

Author: mckervinc

example/src/Props.tsx

@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React from "react";
 import { ColumnProps, Table } from "react-fluid-table";
 import ColumnPropsTable from "./ColumnProps";
-import { Snippet } from "./Snippet";
+import { Snippet } from "./components/Snippet";
 import { InlineCode } from "./components/library/InlineCode";
 
 type PropData = {

example/src/components/Layout.tsx

@@ -1,10 +1,9 @@
-import Navigation from "@/Navigation";
-import { Snippet } from "@/Snippet";
+import Navigation from "@/components/Navigation";
+import { Snippet } from "@/components/Snippet";
 import { faGithubAlt } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useState } from "react";
-import { Outlet } from "react-router-dom";
-import { Link } from "react-router-dom";
+import { Link, Outlet } from "react-router-dom";
 
 const links = (
   <>
@@ -72,7 +71,7 @@ const Layout = () => {
   const [title, setTitle] = useState("");
   const [source, setSource] = useState("");
   return (
-    <div className="h-screen w-screen md:flex">
+    <div className="h-screen w-screen text-[0.875rem] md:flex">
       {/* Desktop Nav */}
       <div className="h-full w-[260px] overflow-y-auto bg-[#1b1c1d] max-md:hidden [&>*:last]:border-b-0 [&>*]:border-b [&>*]:border-solid [&>*]:border-b-[#2d2e2f]">
         {links}

example/src/Navigation.tsx renamed to example/src/components/Navigation.tsx

@@ -6,7 +6,7 @@ import { useEffect, useRef, useState } from "react";
 import { PrismLight as SyntaxHighlighter } from "react-syntax-highlighter";
 import tsx from "react-syntax-highlighter/dist/esm/languages/prism/tsx";
 import okaidia from "react-syntax-highlighter/dist/esm/styles/prism/okaidia";
-import { copy } from "./util";
+import { copy } from "../util";
 
 SyntaxHighlighter.registerLanguage("tsx", tsx);