truncate event type description on mobile

2021-08-05 21:14:58 +02:00 · 2021-08-05 21:14:58 +02:00 · 3fd3e9ad83
parent 9b9db3565a
commit 3fd3e9ad83
1 changed files with 3 additions and 1 deletions
--- a/pages/event-types/index.tsx
+++ b/pages/event-types/index.tsx
@ -213,7 +213,9 @@ export default function Availability({ user, types }) {
                                className="flex-shrink-0 mr-1.5 h-4 w-4 text-neutral-400"
                                aria-hidden="true"
                              />
-                              <p>{type.description.substring(0, 100)}</p>
+                              <div className="max-w-32 sm:max-w-full truncate">
+                                {type.description.substring(0, 100)}
+                              </div>
                            </div>
                          </div>
                        </span>