Mirroristas/pockethost
2
0
Fork 0
mirror of https://github.com/pockethost/pockethost.git synced 2025-11-27 15:53:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add subdomain text truncation to prevent UI overlap (#443)

Browse Source 
Implements text truncation for long subdomain names in the instance list view to improve the UI layout and prevent text overlap with the toggle button.

Changes:
- Added text truncation logic for subdomains longer than 15 characters
- Appends ellipsis (...) to indicate truncated text
- Improves readability and prevents UI layout issues

Before this change, long subdomain names could overlap with the power toggle button, causing poor user experience. Now, any subdomain longer than 15 characters will be truncated with an ellipsis, maintaining a clean and consistent layout while still indicating there's more text available.
This commit is contained in:
Fatih Yılmaz 2025-04-06 01:32:13 +03:00 committed by GitHub
parent 986a19f978
commit 42ef37b244
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dashboard/src/routes/(app)/dashboard/InstanceList.svelte
View File

@ -31,7 +31,7 @@
<div class="card-body w-full"> <div class="card-body w-full">
<div class="card-title"> <div class="card-title">
<div class="flex justify-between items-center w-full"> <div class="flex justify-between items-center w-full">
<span>{instance.subdomain}</span> <span>{instance.subdomain.length > 15 ? instance.subdomain.slice(0, 15) + '...' : instance.subdomain}</span>
<input <input
type="checkbox" type="checkbox"
class="toggle {instance.power class="toggle {instance.power