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