4.1.1 (#48)

- Lengthy text is truncated to prevent awkward wrapping
- Improved UI for smaller screen sizes

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Release Notes for Palette
 
+## 4.1.1 - 2024-04-26
+
+### Fixed
+- Lengthy text is truncated to prevent awkward wrapping
+- Improved UI for smaller screen sizes
+
 ## 4.1.0 - 2024-04-09
 
 ### Added

composer.json

@@ -2,7 +2,7 @@
   "name": "trendyminds/craft-palette",
   "description": "A command palette to easily jump to specific areas within Craft",
   "type": "craft-plugin",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "keywords": ["palette", "craft", "craft cms", "cmdk", "spotlight", "craft plugin"],
   "license": "MIT",
   "authors": [

scripts/Result.jsx

@@ -53,8 +53,8 @@ export default function Result({ url, title, subtitle, icon, type, focused }) {
 			<div className="p-flex p-items-center p-justify-between p-gap-2 p-flex-1">
 				<div className="p-flex p-items-center p-gap-3 p-flex-1">
 					<Icon name={icon} className="p-size-5 p-opacity-75" />
-					<div className="p-flex-1 p-flex p-justify-between p-items-center p-gap-1">
-						<p className="p-block p-leading-none p-m-0 p-font-sans p-font-medium">
+					<div className="p-flex-1 p-flex p-flex-col sm:p-flex-row sm:p-justify-between sm:p-items-center p-gap-1">
+						<p className="p-flex-1 p-leading-none p-m-0 p-font-sans p-font-medium p-line-clamp-1">
 							{title}
 						</p>
 						{subtitle && (

tailwind.config.js

@@ -6,4 +6,9 @@ module.exports = {
 	},
 	prefix: 'p-',
 	important: true,
+	screens: {
+		xs: '480px',
+		sm: '640px',
+		md: '768px',
+	},
 }