mirror of https://github.com/status-im/consul.git
ui: Update badge / pill icon sizing (#14282)
* Update badge icon sizing to be 16x16 * Update icon sizing in pill component
This commit is contained in:
parent
eb645453d6
commit
cb1043d8ac
|
@ -1,6 +1,11 @@
|
|||
.consul-external-source {
|
||||
@extend %pill-200, %frame-gray-600, %p1;
|
||||
}
|
||||
|
||||
.consul-external-source::before {
|
||||
--icon-size: icon-300;
|
||||
}
|
||||
|
||||
.consul-external-source.kubernetes::before {
|
||||
@extend %with-logo-kubernetes-color-icon, %as-pseudo;
|
||||
}
|
||||
|
@ -15,10 +20,10 @@
|
|||
@extend %with-logo-consul-color-icon, %as-pseudo;
|
||||
}
|
||||
.consul-external-source.vault::before {
|
||||
@extend %with-vault-100;
|
||||
@extend %with-vault-300;
|
||||
}
|
||||
.consul-external-source.aws::before {
|
||||
@extend %with-aws-100;
|
||||
@extend %with-aws-300;
|
||||
}
|
||||
.consul-external-source.leader::before {
|
||||
@extend %with-star-outline-mask, %as-pseudo;
|
||||
|
|
|
@ -3,4 +3,5 @@
|
|||
}
|
||||
.consul-kind::before {
|
||||
@extend %with-gateway-mask, %as-pseudo;
|
||||
--icon-size: icon-300;
|
||||
}
|
||||
|
|
|
@ -18,6 +18,9 @@ span.policy-node-identity::before {
|
|||
span.policy-service-identity::before {
|
||||
content: 'Service Identity: ';
|
||||
}
|
||||
%pill::before {
|
||||
--icon-size: icon-300;
|
||||
}
|
||||
%pill.leader::before {
|
||||
@extend %with-star-outline-mask, %as-pseudo;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue