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

Improve layout address list peer detail

This commit is contained in:
Michael Klein 2022-10-26 15:44:59 +02:00
parent 41e50a0f8d
commit ca0dbe2052
1 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ui/packages/consul-peerings/app/components/consul/peer/address/list/index.hbs
View File

@ -1,15 +1,25 @@
<ListCollection <Providers::Dimension as |p|>
class="consul-peer-address-list" {{#if p.data.height}}
...attributes <div style={{p.data.fillRemainingHeightStyle}} class="overflow-y-scroll">
@items={{@items}} <VerticalCollection
as |item|> @tagName="ul"
<BlockSlot @name="header"> @estimateHeight={{p.data.height}}
<p> @items={{@items}}
{{item}} as |address index|
<CopyButton >
@value={{item}} <li
@name="Address" class="px-3 h-12 hds-border-primary border-t-0 border-l-0 border-r-0 flex items-center justify-between group"
/> >
</p> <div
</BlockSlot> class="hds-typography-display-300 text-hds-foreground-strong hds-font-weight-semibold"
</ListCollection> >{{address}}</div>
<CopyButton
@value={{address}}
@name="Address"
class="opacity-0 group-hover:opacity-100"
/>
</li>
</VerticalCollection>
</div>
{{/if}}
</Providers::Dimension>