this repo has no description

Fix names overflowing on mobile

astrra.space 99c40b64 614f2b4c

verified
Changed files
+6 -2
src
+1 -1
src/App.svelte
··· 129 129 margin-top: 5%; 130 130 } 131 131 #Account { 132 - width: auto; 132 + width: 85%; 133 133 padding-left: 5%; 134 134 padding-right: 5%; 135 135 margin-bottom: 20px;
+5
src/app.css
··· 66 66 font-size: 24px; 67 67 color: var(--text-color); 68 68 border-color: var(--border-color); 69 + overflow-wrap: break-word; 70 + word-wrap: normal; 71 + word-break: break-word; 72 + hyphens: none; 69 73 } 70 74 71 75 h1 { ··· 75 79 76 80 #app { 77 81 max-width: 1400px; 82 + width: 100%; 78 83 margin: 0; 79 84 padding: 0; 80 85 margin-left: auto;
-1
src/lib/AccountComponent.svelte
··· 37 37 overflow: hidden; 38 38 text-overflow: ellipsis; 39 39 white-space: nowrap; 40 - max-width: 80%; 41 40 } 42 41 #avatar { 43 42 width: 50px;