diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss index a1257fb71..5f7962bec 100644 --- a/assets/scss/styles.scss +++ b/assets/scss/styles.scss @@ -129,12 +129,14 @@ a { @apply text-primary; @apply font-semibold; @apply py-1 px-2; + @apply truncate; @apply shadow; font-size: 88%; line-height: var(--body-line-height); kbd { + @apply inline-flex; @apply font-sans; @apply bg-gray-500; @apply bg-opacity-45; @@ -142,6 +144,7 @@ a { @apply rounded-sm; @apply px-1; @apply ml-1; + @apply truncate; } } diff --git a/assets/scss/themes.scss b/assets/scss/themes.scss index d4962f9d7..11badd6f7 100644 --- a/assets/scss/themes.scss +++ b/assets/scss/themes.scss @@ -28,7 +28,7 @@ // Tooltip color --tooltip-color: theme("colors.true-gray.100"); // Popover color - --popover-color: theme("colors.true-gray.800"); + --popover-color: theme("colors.dark.700"); // Editor theme --editor-theme: "merbivore_soft"; } diff --git a/components/history/index.vue b/components/history/index.vue index 37d6d0d31..e5cd5d44b 100644 --- a/components/history/index.vue +++ b/components/history/index.vue @@ -126,8 +126,11 @@ export default defineComponent({ const filterText = this.filterText.toLowerCase() return Object.keys(entry).some((key) => { let value = entry[key] - value = typeof value !== "string" ? value.toString() : value - return value.toLowerCase().includes(filterText) + if (value) { + value = typeof value !== "string" ? value.toString() : value + return value.toLowerCase().includes(filterText) + } + return false }) }) }, diff --git a/components/smart/Tabs.vue b/components/smart/Tabs.vue index cf12c996d..dfe61e697 100644 --- a/components/smart/Tabs.vue +++ b/components/smart/Tabs.vue @@ -1,6 +1,6 @@