Warn: properly ellide error message text

2020-09-28 03:30:32 -04:00
parent e42317f95d
commit fc685bae84
2 changed files with 2 additions and 2 deletions
--- a/src/components/IconGrid/IconGrid.css
+++ b/src/components/IconGrid/IconGrid.css
@@ -163,7 +163,7 @@
 }

 .empty-list p {
-  max-width: 720px;
+  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
--- a/src/components/Warn/Warn.tsx
+++ b/src/components/Warn/Warn.tsx
@@ -25,7 +25,7 @@ const Warn: React.FC<WarnProps> = ({ message }) => {
        <SmileyXEyes size={128} color="#615C68" weight="duotone" />
        {message ?? (
          <p>
-            No results for '<code>{query}</code>'
+            No results for "<code>{query}</code>"
          </p>
        )}
      </motion.div>