diff --git a/apps/frontend/src/ui/App.tsx b/apps/frontend/src/ui/App.tsx index 6eedb5d1..d8b93201 100644 --- a/apps/frontend/src/ui/App.tsx +++ b/apps/frontend/src/ui/App.tsx @@ -18,16 +18,16 @@ function App(props: ParentProps) { return ( -
+
-
+
- + {props.children} diff --git a/apps/frontend/src/ui/components/Navbar.tsx b/apps/frontend/src/ui/components/Navbar.tsx index f529bc29..93492dcb 100644 --- a/apps/frontend/src/ui/components/Navbar.tsx +++ b/apps/frontend/src/ui/components/Navbar.tsx @@ -20,7 +20,7 @@ function NavbarLink(props: NavbarLinkProps) { return ( +
-
open(WEBSITE)} class="flex items-center justify-center active:scale-90 transition-transform w-min"> +
open(WEBSITE)} class="w-min flex items-center justify-center transition-transform active:scale-90">
@@ -52,7 +52,7 @@ function Navbar() {
-
+
@@ -65,7 +65,7 @@ function Navbar() {
diff --git a/apps/frontend/src/ui/components/ScrollableContainer.tsx b/apps/frontend/src/ui/components/ScrollableContainer.tsx index eca98297..7dca2a02 100644 --- a/apps/frontend/src/ui/components/ScrollableContainer.tsx +++ b/apps/frontend/src/ui/components/ScrollableContainer.tsx @@ -3,9 +3,9 @@ import type { ParentProps } from 'solid-js'; function ScrollableContainer(props: ParentProps) { return ( -
+
-
+
{props.children}
diff --git a/apps/frontend/src/ui/components/SettingsRow.tsx b/apps/frontend/src/ui/components/SettingsRow.tsx index 86d7216f..166e18a2 100644 --- a/apps/frontend/src/ui/components/SettingsRow.tsx +++ b/apps/frontend/src/ui/components/SettingsRow.tsx @@ -10,22 +10,22 @@ export type SettingsRowProps = ParentProps & { function SettingsRow(props: SettingsRowProps) { return (
-
+
{props.icon}
-
+

{props.title}

{props.description}

-
+
{props.children}
diff --git a/apps/frontend/src/ui/components/Sidebar.tsx b/apps/frontend/src/ui/components/Sidebar.tsx index 5b33e378..44ed8189 100644 --- a/apps/frontend/src/ui/components/Sidebar.tsx +++ b/apps/frontend/src/ui/components/Sidebar.tsx @@ -31,12 +31,12 @@ function Sidebar(props: SidebarProps) { } return ( -
+
{section => (
-

{section.toUpperCase()}

+

{section.toUpperCase()}

{(link) => { diff --git a/apps/frontend/src/ui/components/WindowFrame.tsx b/apps/frontend/src/ui/components/WindowFrame.tsx index c2560b59..80ead18b 100644 --- a/apps/frontend/src/ui/components/WindowFrame.tsx +++ b/apps/frontend/src/ui/components/WindowFrame.tsx @@ -14,8 +14,8 @@ interface TitlebarButtonProps { function TitlebarButton(props: TitlebarButtonProps) { return ( - @@ -51,7 +51,7 @@ function WindowFrame() { }); return ( -
+
history.back()} />
diff --git a/apps/frontend/src/ui/components/base/Dropdown.tsx b/apps/frontend/src/ui/components/base/Dropdown.tsx index bb0f3554..64b56d79 100644 --- a/apps/frontend/src/ui/components/base/Dropdown.tsx +++ b/apps/frontend/src/ui/components/base/Dropdown.tsx @@ -50,7 +50,7 @@ function Dropdown(props: DropdownProps) { iconRight={} >
{split.text} {items()[selected()]} @@ -79,7 +79,7 @@ function Dropdown(props: DropdownProps) { {(item, index) => (
select(index)}> -
+
{item()}
diff --git a/apps/frontend/src/ui/components/content/FormattedLog.tsx b/apps/frontend/src/ui/components/content/FormattedLog.tsx index bd84a7b3..11ae06f5 100644 --- a/apps/frontend/src/ui/components/content/FormattedLog.tsx +++ b/apps/frontend/src/ui/components/content/FormattedLog.tsx @@ -10,8 +10,8 @@ function FormattedLog(props: FormattedLogProps) { const lines = createMemo(() => props.log.split('\n')); return ( -
- +
+ {line => } diff --git a/apps/frontend/src/ui/components/content/ModCard.tsx b/apps/frontend/src/ui/components/content/ModCard.tsx index 5fe7f9d1..3384c9fd 100644 --- a/apps/frontend/src/ui/components/content/ModCard.tsx +++ b/apps/frontend/src/ui/components/content/ModCard.tsx @@ -23,15 +23,15 @@ function ModCard(props: ManagedPackage) { } return ( -
-
- {`Icon - {`Icon +
+
+ {`Icon + {`Icon
-
+
-
{props.title}
-

+

{props.title}
+

By {' '} Author TODO @@ -42,16 +42,16 @@ function ModCard(props: ManagedPackage) {

-

{props.description}

+

{props.description}

- + {abbreviateNumber(props.downloads)}
- + {abbreviateNumber(props.followers)}
diff --git a/apps/frontend/src/ui/components/overlay/ContextMenu.tsx b/apps/frontend/src/ui/components/overlay/ContextMenu.tsx index b67ca27b..ef8fad67 100644 --- a/apps/frontend/src/ui/components/overlay/ContextMenu.tsx +++ b/apps/frontend/src/ui/components/overlay/ContextMenu.tsx @@ -36,7 +36,7 @@ function ContextMenu(props: ContextMenuProps) { visible={props.visible} setVisible={props.setVisible} > -
+
{props.children}
@@ -46,7 +46,7 @@ function ContextMenu(props: ContextMenuProps) { } ContextMenu.Seperator = function () { - return
; + return
; }; interface ContextMenuRowProps { @@ -59,7 +59,7 @@ ContextMenu.Row = function (props: ContextMenuRowProps) { return (
props.onClick?.(e)} - class="flex items-center gap-x-2 m-px px-1.5 py-0.5 rounded-lg hover:bg-gray-05 active:bg-gray-10 [&>svg]:w-[18px]" + class="m-px flex items-center gap-x-2 rounded-lg px-1.5 py-0.5 [&>svg]:w-[18px] active:bg-gray-10 hover:bg-gray-05" > {props.icon} {props.text} diff --git a/apps/frontend/src/ui/components/overlay/FullscreenOverlay.tsx b/apps/frontend/src/ui/components/overlay/FullscreenOverlay.tsx index 97e7b44c..07526bb9 100644 --- a/apps/frontend/src/ui/components/overlay/FullscreenOverlay.tsx +++ b/apps/frontend/src/ui/components/overlay/FullscreenOverlay.tsx @@ -26,7 +26,7 @@ function FullscreenOverlay(props: FullscreenOverlayProps) { class={`fixed top-0 left-0 w-screen h-screen bg-black/60 backdrop-blur-sm backdrop-grayscale transition-opacity ${props.visible() ? 'opacity-100 pointer-events-auto' : 'opacity-0 pointer-events-none'}`} > -
+
{props.children}
diff --git a/apps/frontend/src/ui/components/overlay/Modal.tsx b/apps/frontend/src/ui/components/overlay/Modal.tsx index 2977f693..abfe5b9a 100644 --- a/apps/frontend/src/ui/components/overlay/Modal.tsx +++ b/apps/frontend/src/ui/components/overlay/Modal.tsx @@ -104,7 +104,7 @@ export type ModalProps = { function Modal(props: ModalProps) { return ( -
+
{props.children}
); @@ -130,7 +130,7 @@ Modal.Simple = function (props: ModalSimpleProps) {
{split.children}
-
+
{button => ( @@ -220,19 +220,19 @@ Modal.Delete = function (props: ModalDeleteProps) { > {split.children || ( <> -
+

Are you sure you want to delete this item?

-

+

Doing this will {' '} - delete + delete {' '} your entire {' '}
data {' '} - FOREVER + FOREVER .

diff --git a/apps/frontend/src/ui/components/overlay/account/AccountsPopup.tsx b/apps/frontend/src/ui/components/overlay/account/AccountsPopup.tsx index a295c245..ff5bb8bb 100644 --- a/apps/frontend/src/ui/components/overlay/account/AccountsPopup.tsx +++ b/apps/frontend/src/ui/components/overlay/account/AccountsPopup.tsx @@ -29,11 +29,11 @@ function AccountComponent(props: AccountComponentProps) { onClick={login} class={`flex flex-row justify-between p-2 rounded-lg ${props.loggedIn !== true && 'hover:bg-gray-05 active:bg-gray-10 hover:text-fg-primary-hover'}`} > -
- +
+
-

{props.account!.username}

+

{props.account!.username}

{props.loggedIn &&

Logged in

}
@@ -60,7 +60,7 @@ function AccountPopup(props: Popup.PopupProps) { return ( -
+
-
+
diff --git a/apps/frontend/src/ui/components/overlay/account/AddAccountModal.tsx b/apps/frontend/src/ui/components/overlay/account/AddAccountModal.tsx index e83cafb2..4a30fc95 100644 --- a/apps/frontend/src/ui/components/overlay/account/AddAccountModal.tsx +++ b/apps/frontend/src/ui/components/overlay/account/AddAccountModal.tsx @@ -122,7 +122,7 @@ function AddAccountModal(p: AddAccountModalProps) { />, ]} > -
+

diff --git a/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx b/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx index b6daf8e1..82b6793d 100644 --- a/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx +++ b/apps/frontend/src/ui/components/overlay/cluster/ClusterCreationModal.tsx @@ -172,15 +172,15 @@ function ClusterCreationModal(props: { controller: ClusterModalContextFunc }) { } return ( -

-
-
+
+
+
Header Image
- +
{/** weird positioning?? */}

New Cluster

@@ -193,7 +193,7 @@ function ClusterCreationModal(props: { controller: ClusterModalContextFunc }) {
-
+
diff --git a/apps/frontend/src/ui/pages/Home.tsx b/apps/frontend/src/ui/pages/Home.tsx index 75917eac..53525b76 100644 --- a/apps/frontend/src/ui/pages/Home.tsx +++ b/apps/frontend/src/ui/pages/Home.tsx @@ -101,17 +101,17 @@ function HomePage() { // }; return ( -
+
-
+
} placeholder="Search for clusters..." />
@@ -354,7 +354,7 @@ function ClusterGroup(props: ClusterGroupProps) { class="flex flex-col gap-y-4" >

{props.title}

-
+
{/* */} {item => } {/* */} diff --git a/apps/frontend/src/ui/pages/browser/BrowserMain.tsx b/apps/frontend/src/ui/pages/browser/BrowserMain.tsx index b99d7a48..18de59c5 100644 --- a/apps/frontend/src/ui/pages/browser/BrowserMain.tsx +++ b/apps/frontend/src/ui/pages/browser/BrowserMain.tsx @@ -65,9 +65,9 @@ function BrowserMain() { }); return ( -
-
-
+
+
+
} @@ -86,7 +86,7 @@ function BrowserMain() {
-
+
diff --git a/apps/frontend/src/ui/pages/cluster/ClusterOverview.tsx b/apps/frontend/src/ui/pages/cluster/ClusterOverview.tsx index 8edae391..da62c274 100644 --- a/apps/frontend/src/ui/pages/cluster/ClusterOverview.tsx +++ b/apps/frontend/src/ui/pages/cluster/ClusterOverview.tsx @@ -263,26 +263,26 @@ function Banner(props: BannerProps) { } return ( -
-
+
+
- +
-
+
{props.cluster.meta.name} +

{props.cluster.meta.name}

} >
-
+
-
+
{props.children} diff --git a/apps/frontend/src/ui/pages/cluster/ClusterScreenshots.tsx b/apps/frontend/src/ui/pages/cluster/ClusterScreenshots.tsx index 28fb8e10..47515236 100644 --- a/apps/frontend/src/ui/pages/cluster/ClusterScreenshots.tsx +++ b/apps/frontend/src/ui/pages/cluster/ClusterScreenshots.tsx @@ -28,7 +28,7 @@ function ClusterScreenshots() { fallback={
No screenshots found. Press F2 in game to take a screenshot!
} when={list() !== undefined && list()!.length > 0} > -
+
{screenshot => ( @@ -38,7 +38,7 @@ function ClusterScreenshots() { -
+