Compare commits
No commits in common. "7caf5b7b8ace8326b8eabf20c67474eb4f58b9d8" and "614f2b4c30e819c5134e48ae72bace7cebe1d769" have entirely different histories.
7caf5b7b8a
...
614f2b4c30
4 changed files with 6 additions and 20 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue