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:
parent
1538a3cf69
commit
f5132d5a5c
3 changed files with 5 additions and 5 deletions
|
|
@ -14,7 +14,7 @@
|
||||||
<button
|
<button
|
||||||
:disabled="loading || (!query.trim() && !sourceScope)"
|
:disabled="loading || (!query.trim() && !sourceScope)"
|
||||||
@click="run()"
|
@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-if="loading">Searching…</span>
|
||||||
<span v-else>Search logs</span>
|
<span v-else>Search logs</span>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<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 -->
|
<!-- Watch status + freshness row -->
|
||||||
<div v-if="!loading && stats" class="space-y-2">
|
<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>
|
<RouterLink to="/sources" class="text-accent hover:underline ml-1">View all sources →</RouterLink>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else class="rounded border border-surface-border overflow-hidden">
|
<div v-else class="rounded border border-surface-border overflow-hidden overflow-x-auto">
|
||||||
<table class="w-full text-sm">
|
<table class="w-full text-sm min-w-[480px]">
|
||||||
<caption class="sr-only">Source health — last 24 hours</caption>
|
<caption class="sr-only">Source health — last 24 hours</caption>
|
||||||
<thead class="bg-surface-raised border-b border-surface-border">
|
<thead class="bg-surface-raised border-b border-surface-border">
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<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">
|
<div class="mb-5">
|
||||||
<h1 class="text-text-primary text-xl font-semibold mb-1">Diagnose</h1>
|
<h1 class="text-text-primary text-xl font-semibold mb-1">Diagnose</h1>
|
||||||
<p class="text-text-dim text-sm">
|
<p class="text-text-dim text-sm">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue