mirror of
https://github.com/alexmickelson/canvasManagement.git
synced 2026-03-25 23:28:33 -06:00
can hide sidebar
This commit is contained in:
@@ -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 "
|
||||
|
||||
20
src/components/icons/DownChevron.tsx
Normal file
20
src/components/icons/DownChevron.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
20
src/components/icons/LeftChevron.tsx
Normal file
20
src/components/icons/LeftChevron.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
20
src/components/icons/RightChevron.tsx
Normal file
20
src/components/icons/RightChevron.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
20
src/components/icons/UpChevron.tsx
Normal file
20
src/components/icons/UpChevron.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user