Appwrite/console
1
0 Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: tables: correct cell componet, add trim

Browse Source
This commit is contained in:
Arman committed 2022-08-03 12:24:47 +02:00
1 parent 62773ed3f5
commit b2374376b1
4 files changed
+15 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/elements/table/cellText.svelte
+1 -1
View File
@@ -4,5 +4,5 @@
</script>
<div class="table-col " class:u-overflow-visible={showOverflow} data-title={title} role="cell">
<span class="text"><slot /></span>
<span class="text u-trim"><slot /></span>
</div>
src/routes/console/[project]/storage/bucket/[bucket]/index.svelte
+6 -6
View File
@@ -87,14 +87,14 @@
{#each $files.files as file, index}
{#if file.chunksTotal / file.chunksUploaded !== 1}
<TableRow>
<TableCellText title="Name">
<TableCell title="Name">
<div class="u-flex u-gap-12">
<div class="avatar is-color-empty" />
<span> {file.name}</span>
<span class="text u-trim"> {file.name}</span>
<Pill warning>Pending</Pill>
</div>
</TableCellText>
</TableCell>
<TableCellText title="Type">{file.mimeType}</TableCellText>
<TableCellText title="Size"
>{bytesToSize(file.sizeOriginal)}</TableCellText>
@@ -124,12 +124,12 @@
{:else}
<TableRowLink
href={`${base}/console/${project}/storage/bucket/${bucket}/file/${file.$id}`}>
<TableCellText title="Name">
<TableCell title="Name">
<div class="u-flex u-gap-12">
<Avatar size={32} src={getPreview(file.$id)} name={file.name} />
<span> {file.name}</span>
<span class="text u-trim"> {file.name}</span>
</div>
</TableCellText>
</TableCell>
<TableCellText title="Type">{file.mimeType}</TableCellText>
<TableCellText title="Size"
>{bytesToSize(file.sizeOriginal)}</TableCellText>
src/routes/console/[project]/users/index.svelte
+3 -3
View File
@@ -79,12 +79,12 @@
<TableBody>
{#each $usersList.users as user}
<TableRowLink href={`${base}/console/${project}/users/user/${user.$id}`}>
<TableCellText title="Name">
<TableCell title="Name">
<div class="u-flex u-gap-12 u-cross-center">
<Avatar size={32} src={getAvatar(user.name)} name={user.name} />
<span class="text">{user.name ? user.name : 'n/a'}</span>
<span class="text u-trim">{user.name ? user.name : 'n/a'}</span>
</div>
</TableCellText>
</TableCell>
<TableCellText title="Email">{user.email}</TableCellText>
<TableCell title="Status">
{#if user.status}
src/routes/console/[project]/users/teams.svelte
+5 -4
View File
@@ -7,7 +7,8 @@
TableBody,
TableRowLink,
TableCellHead,
TableCellText
TableCellText,
TableCell
} from '$lib/elements/table';
import { Button } from '$lib/elements/forms';
import { Empty, Pagination, Avatar, Search } from '$lib/components';
@@ -71,12 +72,12 @@
<TableBody>
{#each $teamsList.teams as team}
<TableRowLink href={`${base}/console/${project}/users/teams/${team.$id}`}>
<TableCellText title="ID">
<TableCell title="ID">
<div class="u-flex u-gap-12">
<Avatar size={32} name={team.name} src={getAvatar(team.name)} />
<span>{team.name}</span>
<span class="text u-trim">{team.name}</span>
</div>
</TableCellText>
</TableCell>
<TableCellText title="Members">{team.total} members</TableCellText>
<TableCellText title="Members">
{toLocaleDateTime(team.$createdAt)}