diff --git a/app/components/Compare/FacetSelector.vue b/app/components/Compare/FacetSelector.vue index e3fb55b95..c96c8d95a 100644 --- a/app/components/Compare/FacetSelector.vue +++ b/app/components/Compare/FacetSelector.vue @@ -69,12 +69,12 @@ function isCategoryNoneSelected(category: string): boolean { :disabled="facet.comingSoon" :aria-pressed="isFacetSelected(facet.id)" :aria-label="facet.label" - class="inline-flex items-center gap-1 px-1.5 py-0.5 font-mono text-xs rounded border transition-colors duration-200 focus-visible:outline-accent/70" + class="gap-1 px-1.5 rounded transition-colors focus-visible:outline-accent/70" :class=" facet.comingSoon ? 'text-fg-subtle/50 bg-bg-subtle border-border-subtle cursor-not-allowed' : isFacetSelected(facet.id) - ? 'text-fg-muted bg-bg-muted border-border' + ? 'text-fg-muted bg-bg-muted' : 'text-fg-subtle bg-bg-subtle border-border-subtle hover:text-fg-muted hover:border-border' " @click="!facet.comingSoon && toggleFacet(facet.id)" diff --git a/app/components/Package/Maintainers.vue b/app/components/Package/Maintainers.vue index 2d50d768f..cd08b4e9c 100644 --- a/app/components/Package/Maintainers.vue +++ b/app/components/Package/Maintainers.vue @@ -189,7 +189,7 @@ watch( name: '~username', params: { username: maintainer.name }, }" - class="link-subtle font-mono text-sm shrink-0" + class="link-subtle text-sm shrink-0" dir="ltr" > ~{{ maintainer.name }} diff --git a/app/components/Package/ManagerSelect.vue b/app/components/Package/ManagerSelect.vue index e812087df..0d4de0ba3 100644 --- a/app/components/Package/ManagerSelect.vue +++ b/app/components/Package/ManagerSelect.vue @@ -88,7 +88,7 @@ function handleKeydown(event: KeyboardEvent) {