lfg2025/archy
1
0
Fork 0
Code Issues 20 Pull Requests Actions Packages Projects Releases 61 Wiki Activity

feat(ui): mobile home — wallet card moves up under My Apps
Some checks failed
Demo images / Build & push demo images (push) Failing after 1m40s
Details

Browse Source 
On single-column (mobile) the dashboard cards now order My Apps, Wallet,
Cloud, Network; desktop keeps its existing two-column layout via
lg:order-none resets.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
archipelago 2026-07-22 02:11:39 -04:00
parent 905e9cdb98
commit 73923d0ffd
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
neode-ui/src/views/Home.vue
View File

@ -67,7 +67,7 @@
:class="{ 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
>
<!-- My Apps Overview -->
<div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 0">
<div data-controller-container tabindex="0" class="home-card controller-focusable order-1 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 0">
<div class="home-card-shell">
<div class="home-card-inner p-6 flex flex-col h-full min-h-0">
<div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@ -101,7 +101,7 @@
</div>
<!-- Cloud Overview -->
<div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 1">
<div data-controller-container tabindex="0" class="home-card controller-focusable order-3 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 1">
<div class="home-card-shell">
<div class="home-card-inner p-6 flex flex-col h-full min-h-0">
<div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@ -127,6 +127,7 @@
<!-- Wallet Overview -->
<HomeWalletCard
class="order-2 lg:order-none"
:animate="animateCards"
:wallet-connected="walletConnected"
:wallet-onchain="walletOnchain"
@ -146,7 +147,7 @@
/>
<!-- Network Overview -->
<div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 3">
<div data-controller-container tabindex="0" class="home-card controller-focusable order-4 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 3">
<div class="home-card-shell">
<div class="home-card-inner p-6 flex flex-col h-full min-h-0">
<div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@ -192,7 +193,7 @@
v-if="homeRecommendedApps.length > 0"
data-controller-container
tabindex="0"
class="home-card controller-focusable lg:col-span-2"
class="home-card controller-focusable lg:col-span-2 order-5 lg:order-none"
:class="{ 'home-card-animate': animateCards }"
style="--card-stagger: 4"
>
@ -239,7 +240,7 @@
<!-- Quick Start Goals -->
<div
v-if="showQuickStart"
class="home-card lg:col-span-2 transition-opacity duration-300"
class="home-card lg:col-span-2 transition-opacity duration-300 order-6 lg:order-none"
:class="{ 'home-card-animate': animateCards, 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
style="--card-stagger: 5"
>
@ -265,6 +266,7 @@
<!-- System Stats -->
<HomeSystemCard
class="order-7 lg:order-none"
:animate="animateCards"
:loaded="systemStatsLoaded"
:stats="systemStats"