feat(ui): mobile fixes for Dashboard and Diagnose views

- DashboardView: p-4 sm:p-6 padding, overflow-x-auto on source health table
- DiagnoseView: p-4 sm:p-6 padding
- QuickCapture: px-4 sm:px-6 + shrink-0 on Search button to avoid input squeeze
This commit is contained in:
pyr0ball 2026-05-16 09:04:37 -07:00
parent 7bf9df4ba3
commit 8150b61371
3 changed files with 5 additions and 5 deletions

View file

@ -14,7 +14,7 @@
<button
:disabled="loading || (!query.trim() && !sourceScope)"
@click="run()"
class="px-6 py-2.5 rounded bg-accent text-white text-sm font-semibold hover:bg-blue-400 transition-colors disabled:opacity-50"
class="px-4 sm:px-6 py-2.5 rounded bg-accent text-white text-sm font-semibold hover:bg-blue-400 transition-colors disabled:opacity-50 shrink-0"
>
<span v-if="loading">Searching</span>
<span v-else>Search logs</span>

View file

@ -1,5 +1,5 @@
<template>
<div class="p-6 max-w-5xl mx-auto space-y-8">
<div class="p-4 sm:p-6 max-w-5xl mx-auto space-y-8">
<!-- Watch status + freshness row -->
<div v-if="!loading && stats" class="space-y-2">
@ -65,8 +65,8 @@
<RouterLink to="/sources" class="text-accent hover:underline ml-1">View all sources </RouterLink>
</div>
<div v-else class="rounded border border-surface-border overflow-hidden">
<table class="w-full text-sm">
<div v-else class="rounded border border-surface-border overflow-hidden overflow-x-auto">
<table class="w-full text-sm min-w-[480px]">
<caption class="sr-only">Source health last 24 hours</caption>
<thead class="bg-surface-raised border-b border-surface-border">
<tr>

View file

@ -1,5 +1,5 @@
<template>
<div class="p-6 max-w-4xl mx-auto">
<div class="p-4 sm:p-6 max-w-4xl mx-auto">
<div class="mb-5">
<h1 class="text-text-primary text-xl font-semibold mb-1">Diagnose</h1>
<p class="text-text-dim text-sm">