Keep Web5 card actions at the bottom when neighbours grow

This commit is contained in:
archipelago
2026-10-06 04:36:25 -04:00
parent f4fa575fa0
commit c78b6021c3
5 changed files with 55 additions and 10 deletions
+2 -2
View File
@@ -1,6 +1,6 @@
<template>
<!-- Federation Summary -->
<div class="glass-card p-6">
<div class="glass-card p-6 flex flex-col">
<div class="flex items-center justify-between mb-4">
<div class="flex items-center gap-3">
<div class="flex-shrink-0 w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center">
@@ -72,7 +72,7 @@
</div>
</div>
<div class="web5-card-actions-bottom-grid mt-6 grid-cols-2 gap-3">
<div class="web5-card-actions-bottom-grid mt-auto pt-6 grid-cols-2 gap-3">
<RouterLink to="/dashboard/server/federation" class="mobile-card-action glass-button rounded-lg text-sm font-medium text-white/90 hover:text-white transition-colors no-underline">
Connect with Nodes
</RouterLink>
+6 -4
View File
@@ -1,6 +1,6 @@
<template>
<!-- Identity Management -->
<div class="glass-card p-6 identities-card">
<div class="glass-card p-6 identities-card flex flex-col">
<!-- Desktop: side-by-side -->
<div class="hidden md:flex items-center justify-between mb-4">
<div class="flex items-center gap-3">
@@ -220,9 +220,11 @@
</div>
</div>
<button @click="showCreateIdentityModal = true" class="web5-card-actions-bottom mt-4 mobile-card-action glass-button rounded-lg text-sm font-medium">
Create
</button>
<div class="mt-auto pt-4">
<button @click="showCreateIdentityModal = true" class="web5-card-actions-bottom mobile-card-action glass-button rounded-lg text-sm font-medium">
Create
</button>
</div>
</div>
<!-- Create Identity Modal -->
+6 -4
View File
@@ -1,6 +1,6 @@
<template>
<!-- System Monitoring Summary -->
<div class="glass-card p-6">
<div class="glass-card p-6 flex flex-col">
<div class="flex items-center justify-between mb-4">
<div class="flex items-center gap-3">
<div class="flex-shrink-0 w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center">
@@ -65,9 +65,11 @@
</div>
</div>
<RouterLink to="/dashboard/monitoring" class="web5-card-actions-bottom mt-6 mobile-card-action glass-button rounded-lg text-sm font-medium text-white/90 hover:text-white transition-colors shrink-0 no-underline">
Details
</RouterLink>
<div class="mt-auto pt-6">
<RouterLink to="/dashboard/monitoring" class="web5-card-actions-bottom mobile-card-action glass-button rounded-lg text-sm font-medium text-white/90 hover:text-white transition-colors shrink-0 no-underline">
Details
</RouterLink>
</div>
</div>
</template>