can hide sidebar

This commit is contained in:
2025-01-22 13:14:02 -07:00
parent da116abfae
commit f96dcb070f
8 changed files with 117 additions and 8 deletions

View File

@@ -44,7 +44,7 @@ export default function Modal({
<div
className={
" fixed inset-0 flex items-center justify-center transition-all duration-400 h-screen " +
" fixed inset-0 flex items-center justify-center transition-all duration-400 h-screen w-svw " +
" bg-black" +
(modalControl.isOpen
? " bg-opacity-50 z-50 "

View File

@@ -0,0 +1,20 @@
import React from "react";
export default function DownChevron() {
return (
<svg
height="1em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 13L12 18L17 13M7 6L12 11L17 6"
className="stroke-slate-100"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}

View File

@@ -0,0 +1,20 @@
import React from "react";
export default function LeftChevron() {
return (
<svg
height="1em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18 17L13 12L18 7M11 17L6 12L11 7"
className="stroke-slate-100"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}

View File

@@ -0,0 +1,20 @@
import React from "react";
export default function RightChevron() {
return (
<svg
height="1em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 17L11 12L6 7M13 17L18 12L13 7"
className="stroke-slate-100"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}

View File

@@ -0,0 +1,20 @@
import React from "react";
export default function UpChevron() {
return (
<svg
height="1em"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17 18L12 13L7 18M17 11L12 6L7 11"
className="stroke-slate-100"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}