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

View file

@ -66,10 +66,6 @@ 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 {
@ -79,7 +75,6 @@ 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;

View file

@ -32,18 +32,17 @@
#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;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
max-width: 80%;
} }
#avatar { #avatar {
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>

View file

@ -222,21 +222,13 @@
margin-left: 10px; margin-left: 10px;
font-size: 0.9em; font-size: 0.9em;
text-align: start; text-align: start;
word-break: break-word; overflow-wrap: 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: 60px; height: 100%;
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 {