status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use HDS utilities instead of tailwind peer details

This commit is contained in:
Michael Klein 2022-10-25 14:17:40 +02:00
parent b73e64f896
commit bdbeb9e3f6
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/packages/consul-peerings/app/components/consul/peer/bento-box/index.hbs
View File

@ -2,7 +2,7 @@
<div class="flex h-24 p-6 overflow-x-auto space-x-12"> <div class="flex h-24 p-6 overflow-x-auto space-x-12">
<div class="shrink-0"> <div class="shrink-0">
<div <div
class="mb-2 hds-typography-body-200 hds-font-weight-semibold text-hds-foreground-primary" class="mb-2 hds-typography-body-200 hds-font-weight-semibold hds-foreground-primary"
>Status</div> >Status</div>
<div class="flex items-center"> <div class="flex items-center">
<Peerings::Badge @peering={{@peering}} /> <Peerings::Badge @peering={{@peering}} />
@ -10,14 +10,15 @@
</div> </div>
<div class="shrink-0"> <div class="shrink-0">
<div <div
class="mb-2 hds-typography-body-200 hds-font-weight-semibold text-hds-foreground-primary" class="mb-2 hds-typography-body-200 hds-font-weight-semibold hds-foreground-primary"
>Latest heartbeat</div> >Latest heartbeat</div>
<div class="flex items-center"> <div class="flex items-center">
{{#if @peering.LastHeartbeat}} {{#if @peering.LastHeartbeat}}
{{#let (smart-date-format @peering.LastHeartbeat) as |smartDate|}} {{#let (smart-date-format @peering.LastHeartbeat) as |smartDate|}}
<FlightIcon <FlightIcon
@name="activity" @name="activity"
class="mr-0.5 text-hds-foreground-faint fill-current" @color="var(--token-color-foreground-faint)"
class="mr-0.5"
/> />
{{#if smartDate.isNearDate}} {{#if smartDate.isNearDate}}
<span {{tooltip smartDate.friendly}}>{{smartDate.relative}}</span> <span {{tooltip smartDate.friendly}}>{{smartDate.relative}}</span>
@ -32,7 +33,7 @@
</div> </div>
<div class="shrink-0"> <div class="shrink-0">
<div <div
class="mb-2 hds-typography-body-200 hds-font-weight-semibold text-hds-foregrouny-primary" class="mb-2 hds-typography-body-200 hds-font-weight-semibold hds-foreground-primary"
>Latest receipt</div> >Latest receipt</div>
<div class="flex items-center"> <div class="flex items-center">
{{#if @peering.LastReceive}} {{#if @peering.LastReceive}}
@ -50,7 +51,7 @@
</div> </div>
<div class="shrink-0"> <div class="shrink-0">
<div <div
class="mb-2 hds-typography-body-200 hds-font-weight-semibold text-hds-foreground-primary" class="mb-2 hds-typography-body-200 hds-font-weight-semibold hds-foreground-primary"
>Latest send</div> >Latest send</div>
<div class="flex items-center"> <div class="flex items-center">
{{#if @peering.LastSend}} {{#if @peering.LastSend}}

6
ui/packages/consul-peerings/app/templates/dc/peers/show/exported.hbs
View File

@ -53,10 +53,12 @@
@items={{search.data.items}} @items={{search.data.items}}
as |service index| as |service index|
> >
<li class="px-3 h-12 border-b border-hds-border-primary"> <li
class="px-3 h-12 hds-border-primary border-t-0 border-l-0 border-r-0"
>
<a <a
data-test-service-name data-test-service-name
class="hds-typography-display-300 text-hds-foreground-strong hds-font-weight-semibold h-full w-full flex items-center" class="hds-typography-display-300 hds-foreground-strong hds-font-weight-semibold h-full w-full flex items-center"
href={{href-to href={{href-to
"dc.services.show.index" "dc.services.show.index"
service.Name service.Name