ui: make ellipsis dot gray
This commit is contained in:
parent
4c589a4033
commit
285776d453
|
@ -21,7 +21,7 @@ defineOptions({
|
||||||
</AccountHoverWrapper>
|
</AccountHoverWrapper>
|
||||||
<div flex="~ col" shrink overflow-hidden>
|
<div flex="~ col" shrink overflow-hidden>
|
||||||
<ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" overflow-hidden truncate text-ellipsis />
|
<ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" overflow-hidden truncate text-ellipsis />
|
||||||
<AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis />
|
<AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis text-secondary-light />
|
||||||
</div>
|
</div>
|
||||||
</component>
|
</component>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -49,7 +49,7 @@ const paginator = $computed(() => tabs.find(t => t.name === tab)!.paginator)
|
||||||
<TimelinePaginator :key="tab" :paginator="paginator" />
|
<TimelinePaginator :key="tab" :paginator="paginator" />
|
||||||
</KeepAlive>
|
</KeepAlive>
|
||||||
</div>
|
</div>
|
||||||
<div v-else h-30 flex="~ center" text-gray>
|
<div v-else h-30 flex="~ center" text-secondary-light>
|
||||||
Profile unavailable
|
Profile unavailable
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue