rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: change vault name badge style

Browse Source
This commit is contained in:
Aman Harwara
2023-09-12 16:38:35 +05:30
parent 2ed68ada6b
commit 6f6600ebd6
1 changed files with 2 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
View File

@@ -8,17 +8,8 @@ type Props = {
const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => { const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => {
return ( return (
<div <div title="Vault name" className="flex select-none items-center rounded border border-passive-2 px-1.5 py-1">
title="Vault name" <Icon ariaLabel="Shared in vault" type={vault.iconString} className="mr-1" size="medium" emojiSize="small" />
className="flex select-none items-center rounded bg-success px-1.5 py-1 text-success-contrast"
>
<Icon
ariaLabel="Shared in vault"
type={vault.iconString}
className="mr-1 text-info-contrast"
size="medium"
emojiSize="small"
/>
<span className="mr-auto overflow-hidden text-ellipsis text-sm font-semibold lg:text-xs">{vault.name}</span> <span className="mr-auto overflow-hidden text-ellipsis text-sm font-semibold lg:text-xs">{vault.name}</span>
</div> </div>
) )