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:
Tyler Wendlandt 2022-08-23 13:02:40 -06:00 committed by GitHub
parent eb645453d6
commit cb1043d8ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 2 deletions

View File

@ -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;

View File

@ -3,4 +3,5 @@
}
.consul-kind::before {
@extend %with-gateway-mask, %as-pseudo;
--icon-size: icon-300;
}

View File

@ -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;
}