aria/pds-dash
1
0
Fork 0
mirror of https://git.witchcraft.systems/scientific-witchery/pds-dash.git synced 2025-06-08 07:54:05 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix names overflowing on mobile

Browse source
This commit is contained in:
Astra 2025-05-10 17:25:56 +09:00
parent 614f2b4c30
commit 99c40b645a
No known key found for this signature in database
3 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.svelte
View file

@ -129,7 +129,7 @@
margin-top: 5%; margin-top: 5%;
} }
#Account { #Account {
width: auto; width: 85%;
padding-left: 5%; padding-left: 5%;
padding-right: 5%; padding-right: 5%;
margin-bottom: 20px; margin-bottom: 20px;

5
src/app.css
View file

@ -66,6 +66,10 @@ body {
font-size: 24px; font-size: 24px;
color: var(--text-color); color: var(--text-color);
border-color: var(--border-color); border-color: var(--border-color);
overflow-wrap: break-word;
word-wrap: normal;
word-break: break-word;
hyphens: none;
} }
h1 { h1 {
@ -75,6 +79,7 @@ h1 {
#app { #app {
max-width: 1400px; max-width: 1400px;
width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-left: auto; margin-left: auto;

1
src/lib/AccountComponent.svelte
View file

@ -37,7 +37,6 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
max-width: 80%;
} }
#avatar { #avatar {
width: 50px; width: 50px;