jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-11-05 08:51:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polish desktop visual details (#1067)

Browse Source
This commit is contained in:
klopez4212
2026-06-16 17:06:12 +01:00
committed by GitHub
parent e3736f08b7
commit 9f99e62d40
68 changed files with 1122 additions and 668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
desktop/src/shared/ui/ViewLoadingFallback.tsx
View File

@@ -24,7 +24,7 @@ type ViewLoadingFallbackProps = {
function LoadingHeaderSkeleton() {
return (
<TopChromeInsetHeader data-tauri-drag-region>
<header className="flex min-h-8 min-w-0 cursor-default select-none items-center gap-2.5 py-1.5 pl-4 pr-2 sm:pr-3">
<header className="flex min-h-8 min-w-0 cursor-default select-none items-center gap-2.5 px-5 py-1.5">
<div className="min-w-0 flex-1">
<div className="flex min-w-0 items-center gap-1 overflow-hidden">
<Skeleton className="h-4 w-4 shrink-0 rounded-sm" />
@@ -45,7 +45,7 @@ function MessageRowsSkeleton() {
<>
{["first", "second", "third", "fourth"].map((row, index) => (
<article
className="relative flex items-start gap-2.5 rounded-2xl px-3 py-2"
className="relative mx-1 flex items-start gap-2.5 rounded-2xl px-2 py-2"
key={row}
>
<Skeleton className="h-9 w-9 shrink-0 rounded-full" />
@@ -316,7 +316,7 @@ function CardListLoadingBody() {
function ChannelLoadingBody({ hasHeader = false }: { hasHeader?: boolean }) {
return (
<div className="relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden">
<div className="flex-1 overflow-y-auto px-4 pb-32 pt-1 sm:px-6">
<div className="flex-1 overflow-y-auto px-2 pb-32 pt-1">
<div
className={cn(
"flex w-full flex-col gap-4",
@@ -331,7 +331,7 @@ function ChannelLoadingBody({ hasHeader = false }: { hasHeader?: boolean }) {
<div className="pointer-events-none absolute inset-x-0 bottom-0 z-10">
<div className="pointer-events-auto">
<div className="relative z-10 shrink-0 bg-transparent px-4 pb-2 pt-0">
<div className="relative z-10 shrink-0 bg-transparent px-5 pb-2 pt-0">
<div
aria-hidden="true"
className="absolute inset-x-0 bottom-0 h-5 bg-background"
@@ -346,7 +346,7 @@ function ChannelLoadingBody({ hasHeader = false }: { hasHeader?: boolean }) {
</div>
</div>
</div>
<div className="h-7 bg-background px-4 pb-1 pt-0 sm:px-6">
<div className="h-7 bg-background px-5 pb-1 pt-0">
<div className="flex h-full w-full items-center gap-2" />
</div>
</div>