Klectr/KSlab
1
0
Fork 0
generated from Klectr/KTemplate
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove fragments

Browse Source
This commit is contained in:
Triston Armstrong 2024-10-05 12:53:12 -04:00
parent 87d153c563
commit 25b4190466
1 changed files with 28 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/components/InfinateCanvas.tsx
View File

@ -10,7 +10,6 @@ import images from "../signals/images"
export default function InfiniteCanvas() { export default function InfiniteCanvas() {
const containerRef = useRef<HTMLDivElement>(null) const containerRef = useRef<HTMLDivElement>(null)
useEffect(() => { useEffect(() => {
window.scrollTo({ window.scrollTo({
left: (canvasDimentsion.value.width / 2) - (window.innerWidth / 2), left: (canvasDimentsion.value.width / 2) - (window.innerWidth / 2),
@ -36,40 +35,36 @@ export default function InfiniteCanvas() {
return ( return (
<> <>
<> <CardSelector />
<> <MiniMap />
<CardSelector />
<MiniMap />
<div <div
className="h-screen w-full absolute top-0 left-0" className="h-screen w-full absolute top-0 left-0"
> >
<div <div
className="absolute top-0 left-0" className="absolute top-0 left-0"
ref={containerRef} ref={containerRef}
style={{ style={{
width: `${canvasDimentsion.value.width}px`, width: `${canvasDimentsion.value.width}px`,
height: `${canvasDimentsion.value.width}px`, height: `${canvasDimentsion.value.width}px`,
backgroundSize: "30px 30px", backgroundSize: "30px 30px",
backgroundImage: "radial-gradient(circle, rgba(255, 255, 255, 0.2) 1px, transparent 1px)", backgroundImage: "radial-gradient(circle, rgba(255, 255, 255, 0.2) 1px, transparent 1px)",
}}> }}>
{Object.keys(NotesSigal.default.notes.value).map((itemKey: string) => { {Object.keys(NotesSigal.default.notes.value).map((itemKey: string) => {
const item = NotesSigal.default.notes.value[itemKey] const item = NotesSigal.default.notes.value[itemKey]
return ( return (
<NoteCard key={itemKey} data={item} /> <NoteCard key={itemKey} data={item} />
) )
})} })}
{Object.keys(ImagesSignal.default.images.value).map((itemKey: string) => { {Object.keys(ImagesSignal.default.images.value).map((itemKey: string) => {
const item = ImagesSignal.default.images.value[itemKey] const item = ImagesSignal.default.images.value[itemKey]
return ( return (
<ImageCard key={itemKey} data={item} /> <ImageCard key={itemKey} data={item} />
) )
})} })}
</div> </div>
</div> </div>
</>
</>
</> </>
) )
} }