Compare commits

..

No commits in common. "7caf5b7b8ace8326b8eabf20c67474eb4f58b9d8" and "614f2b4c30e819c5134e48ae72bace7cebe1d769" have entirely different histories.

4 changed files with 6 additions and 20 deletions

View file

@ -52,12 +52,12 @@
<p>Error: {error.message}</p>
{/await}
<div id="Feed" property="infinite-wrapper">
<div id="Feed">
<div id="spacer"></div>
{#each posts as postObject}
<PostComponent post={postObject as Post} />
{/each}
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=true />
<InfiniteLoading on:infinite={onInfinite} distance={3000} />
<div id="spacer"></div>
</div>
</div>
@ -129,7 +129,7 @@
margin-top: 5%;
}
#Account {
width: 85%;
width: auto;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 20px;

View file

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

View file

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

View file

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