Warn: properly ellide error message text

phosphor-icons · Sep 28, 2020 · fc685ba · fc685ba
1 parent e42317f
commit fc685ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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;

diff --git 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>