Rearranged components and styles

fwt/Background.tsx

@@ -1,9 +1,9 @@
-import './Background.sass'
+import './styles/Background.sass'
 import { Show, createSignal } from 'solid-js'
 import fs from 'fs'
-import webpPath from '../../images/background.webp'
-import avifPath from '../../images/background.avif'
-import noBackground from '../../images/no-background.webp'
+import webpPath from './images/background.webp'
+import avifPath from './images/background.avif'
+import noBackground from './images/no-background.webp'
 
 interface Props {
   image?: boolean

fwt/Box.tsx

@@ -1,6 +1,5 @@
-import type { ImageMetadata } from 'astro'
-import './Box.sass'
-import { Show, type JSXElement, createMemo } from 'solid-js'
+import './styles/Box.sass'
+import { type JSXElement, createMemo } from 'solid-js'
 
 interface Props {
   thickness: number

fwt/Button.tsx

@@ -1,4 +1,4 @@
-import './Button.sass'
+import './styles/Button.sass'
 import { Show, Switch, Match } from 'solid-js'
 
 interface Props {

fwt/Column.tsx

@@ -1,5 +1,5 @@
+import './styles/Column.sass'
 import type { JSXElement } from 'solid-js'
-import './Column.sass'
 
 interface Props {
   children: JSXElement

fwt/Footer.tsx

@@ -1,4 +1,4 @@
-import './Footer.sass'
+import './styles/Footer.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/Form.tsx

@@ -1,4 +1,4 @@
-import './Form.sass'
+import './styles/Form.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/HTML.tsx

@@ -1,7 +1,7 @@
-import './HTML.sass'
+import './styles/HTML.sass'
 import { type JSXElement, Show } from 'solid-js'
-import background1 from '../../images/background.avif'
-import background2 from '../../images/background.webp'
+import background1 from './images/background.avif'
+import background2 from './images/background.webp'
 
 interface Props {
   title: string

fwt/Input.tsx

@@ -1,4 +1,4 @@
-import './Input.sass'
+import './styles/Input.sass'
 import { createSignal } from 'solid-js'
 
 interface Props {

fwt/Link.tsx

@@ -1,4 +1,4 @@
-import './Link.sass'
+import './styles/Link.sass'
 
 interface Props {
   to: string

fwt/Logo.tsx

@@ -1,5 +1,5 @@
-import webpPath from '../../images/logo.webp'
-import avifPath from '../../images/logo.avif'
+import webpPath from './images/logo.webp'
+import avifPath from './images/logo.avif'
 
 interface Props {
   size?: number

fwt/Navbar.tsx

@@ -1,6 +1,5 @@
-import './Navbar.sass'
-import { Show } from 'solid-js'
-import Row from '../Row/Row'
+import './styles/Navbar.sass'
+import Row from './Row'
 
 interface Props {
   transparent?: boolean

fwt/Page.tsx

@@ -1,4 +1,4 @@
-import './Page.sass'
+import './styles/Page.sass'
 import { Show } from 'solid-js'
 
 interface Props {

fwt/Row.tsx

@@ -1,4 +1,4 @@
-import './Row.sass'
+import './styles/Row.sass'
 import { Show, type JSXElement } from 'solid-js'
 
 interface Props {