aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2025-12-18 14:04:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): improve rockets dashboard page

Browse Source
This commit is contained in:
Angelica Willianto
2024-08-12 12:06:42 +07:00
parent 7fa19c01f6
commit f13bea7075
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/RocketCard.svelte
View File

@@ -13,7 +13,7 @@
//$page.url.searchParams.get("tab")
</script>
<Card.Root class="flex w-[350px] flex-col justify-between">
<Card.Root class="flex flex-col justify-between">
<Card.Header>
<Card.Title>{rocket.Name()}</Card.Title>
<Card.Description>{rocket.Mission()}</Card.Description>
@@ -29,7 +29,7 @@
</div>
</Card.Content>
<Card.Footer>
<div class="flex justify-between gap-2">
<div class="flex flex-wrap justify-between gap-2 lg:gap-1">
<Button
on:click={() => {
console.log(rocket.Event.rawEvent());
@@ -39,7 +39,7 @@
<Button
on:click={() => {
goto(`${base}/rockets/${rocket.URL()}`);
}}>View Full Rocket<ChevronRight class="h-4 w-4" /></Button
}}>View Full Rocket <ChevronRight class="h-4 w-4" /></Button
>
</div>
</Card.Footer>

2
src/layouts/SidePanelLayout.svelte
View File

@@ -16,7 +16,7 @@
export let title = '';
</script>
<div class="grid min-h-screen w-full md:grid-cols-[220px_1fr] lg:grid-cols-[280px_1fr]">
<div class="grid min-h-screen w-full md:grid-cols-[220px_1fr] lg:grid-cols-[260px_1fr]">
<div class="hidden border-r bg-muted/40 md:block">
<div class="flex h-full max-h-screen flex-col gap-2">
<div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">

4
src/views/rockets/Rockets.svelte
View File

@@ -74,7 +74,7 @@
<Tabs.Trigger value="testnet">Testnet</Tabs.Trigger>
</Tabs.List>
<Tabs.Content value="mainnet">
<div class="grid gap-2" style="grid-template-columns: repeat(auto-fit, 350px);">
<div class="grid grid-cols-1 gap-2 md:grid-cols-2 2xl:grid-cols-3">
{#each mainnet as rocket (`${rocket.Event.pubkey}${rocket.Name()}`)}
<RocketCard {rocket} />
{/each}
@@ -89,7 +89,7 @@
intended solely for testing.</Alert.Description
>
</Alert.Root>
<div class="grid gap-2" style="grid-template-columns: repeat(auto-fit, 350px);">
<div class="grid grid-cols-1 gap-2 md:grid-cols-2 2xl:grid-cols-3">
{#each testnet as rocket (`${rocket.Event.pubkey}${rocket.Name()}`)}
<RocketCard {rocket} />
{/each}