From 0c98276d324db649c4a15be7859a501588257972 Mon Sep 17 00:00:00 2001 From: s-ol Date: Thu, 13 Jan 2022 18:27:20 +0100 Subject: move everything into client/ --- src/ui/Selection.js | 93 ----------------------------------------------------- 1 file changed, 93 deletions(-) delete mode 100644 src/ui/Selection.js (limited to 'src/ui/Selection.js') diff --git a/src/ui/Selection.js b/src/ui/Selection.js deleted file mode 100644 index d8dfa88..0000000 --- a/src/ui/Selection.js +++ /dev/null @@ -1,93 +0,0 @@ -import { h } from 'preact'; -import { useState, useEffect } from 'preact/hooks'; -import cn from 'classnames'; -import css from './css'; -import { Note } from './Note'; - -css` -.drawer { - position: fixed; - inset: 0; - top: auto; - - z-index: 200; - background: var(--theme-note-fg); - - /* wtf webkit */ - -webkit-backface-visibility: hidden; -} - -.drawer .handle { - height: 1.5rem; - margin-bottom: 1rem; -} - -.drawer .handle button { - display: block; - - height: 1rem; - line-height: 1rem; - margin: -1rem auto 0; - padding: 0.25rem; - background: var(--theme-note-bg); - border-radius: 0.2rem; -} - -.drawer .scroller { - display: flex; - overflow: auto; - width: 100%; - - transition: max-height 0.3s; -} - -.drawer .contents { - display: flex; - - align-items: flex-start; - - gap: 1rem; - padding: 0 1.5rem; -} - -.drawer .contents > * { - flex: 0 0 auto; -} -`; - -export const Drawer = ({ height, children }) => { - const [ hidden, setHidden ] = useState(true); - - return ( -
-
- -
- -
- ); -}; - -export const Selection = ({ items, toggleSelected }) => ( - - {items.map((item) => ( - - ))} - -); -- cgit v1.2.3