fix: bug template with title in english characters without spaces will cause UI issue, minor style updated #131
+100
−39
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes several changes aimed at improving the user interface and user experience across multiple components and pages. The primary focus is on enhancing the layout and readability of session and template titles, as well as improving the visual representation of session statuses.
Improvements to session and template title layout:
src/lib/components/session/HostView.svelte
: Refactored the layout to use a more flexible column-based structure for better alignment and spacing of session titles and labels. [1] [2] [3]src/routes/dashboard/+page.svelte
: Addedline-clamp-1
class to session and template titles to ensure they are displayed in a single line, improving readability. [1] [2] [3] [4]Enhancements to session status representation:
src/routes/dashboard/+page.svelte
: Introduced color-coded badges for different session statuses, making it easier to distinguish between session stages at a glance. [1] [2]src/routes/dashboard/recent/host/+page.svelte
: Added color-coded badges for session statuses and removed redundant status text. [1] [2]src/routes/dashboard/recent/participant/+page.svelte
: Implemented color-coded badges for session statuses and included label display for better session identification.Other changes:
src/routes/template/[id]/+page.svelte
: Simplified theInput
component for the template title by consolidating attributes into a single line for better readability. (src/routes/template/[id]/+page.svelteL138-R138)