scientific-witchery/pds-dash
3
0
Fork 0
Code Issues 1 Pull requests 1 Projects 1 Releases Packages Wiki Activity Actions

Properly square avatars and misc overflow fixes

Browse source
This commit is contained in:
Astra 2025-05-10 17:51:13 +09:00
parent 99c40b645a
commit 8e1a46d81b
Signed by: astra
SSH key fingerprint: SHA256:jQDNS75/33T59Ey4yAzrUPP/5YQaXEetsW8hwUae+ag
2 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/lib/AccountComponent.svelte
View file

@ -32,6 +32,7 @@
#accountName { #accountName {
margin-left: 10px; margin-left: 10px;
font-size: 0.9em; font-size: 0.9em;
max-width: 80%;
/* replace overflow with ellipsis */ /* replace overflow with ellipsis */
overflow: hidden; overflow: hidden;
@ -42,6 +43,7 @@
width: 50px; width: 50px;
height: 50px; height: 50px;
margin: 0px; margin: 0px;
object-fit: cover;
border-right: var(--border-color) 1px solid; border-right: var(--border-color) 1px solid;
} }
</style> </style>

12
src/lib/PostComponent.svelte
View file

@ -222,13 +222,21 @@
margin-left: 10px; margin-left: 10px;
font-size: 0.9em; font-size: 0.9em;
text-align: start; text-align: start;
overflow-wrap: break-word; word-break: break-word;
max-width: 80%;
max-height: 95%;
overflow: hidden; overflow: hidden;
align-self: flex-start;
margin-top: auto;
margin-bottom: auto;
} }
#avatar { #avatar {
height: 100%; height: 60px;
width: 60px;
margin: 0px; margin: 0px;
margin-left: 0px; margin-left: 0px;
overflow: hidden;
object-fit: cover;
border-right: var(--border-color) 1px solid; border-right: var(--border-color) 1px solid;
} }
#carouselContainer { #carouselContainer {