mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-12-02 00:38:08 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

Spacing & other tweaks

Browse Source 
I may have stayed up a little for this commit
This commit is contained in:
Freeplay 2023-01-07 01:43:52 -05:00
parent 79e6a68648
commit fb28343c59
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/client/src/components/MkInstanceTicker.vue
View File

@ -27,7 +27,7 @@ const instance = props.instance ?? {
const themeColor = instance.themeColor ?? '#777777';
const bg = {
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}11)`,
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}99)`,
};
</script>
@ -37,7 +37,7 @@ const bg = {
align-items: center;
height: 1.1em;
justify-self: flex-end;
padding: .1em .4em;
padding: .2em .4em;
border-radius: 100px;
font-size: .8em;
text-shadow: 0 2px 2px var(--shadow);

14
packages/client/src/components/MkNote.vue
View File

@ -363,13 +363,14 @@ function readPromo() {
padding: 0 32px 0 32px;
display: flex;
&:first-child {
margin-top: 10px;
margin-top: 15px;
}
> :not(.line) {
width: 0;
flex-grow: 1;
position: relative;
margin-bottom: -15px;
margin-bottom: -10px;
line-height: 28px;
}
> .line {
width: var(--avatar-size);
@ -386,7 +387,6 @@ function readPromo() {
> .info {
display: flex;
align-items: center;
line-height: 24px;
font-size: 90%;
white-space: pre;
color: #f6c177;
@ -405,7 +405,6 @@ function readPromo() {
> .renote {
display: flex;
align-items: center;
line-height: 28px;
white-space: pre;
color: var(--renote);
@ -428,6 +427,7 @@ function readPromo() {
> .info {
margin-left: auto;
font-size: 0.9em;
display: flex;
> .time {
flex-shrink: 0;
@ -438,6 +438,10 @@ function readPromo() {
margin-right: 4px;
}
}
> span {
display: flex;
align-items: center;
}
}
}
@ -448,7 +452,7 @@ function readPromo() {
}
> .article {
padding: 28px 32px 18px;
padding: 28px 32px 10px;
cursor: pointer;
@media (pointer: coarse) {

4
packages/client/src/components/MkNoteHeader.vue
View File

@ -76,9 +76,6 @@ defineProps<{
display: flex;
flex-direction: column;
align-items: flex-start;
.username {
font-size: .9em;
}
&:last-child {
align-items: flex-end;
}
@ -118,6 +115,7 @@ defineProps<{
overflow: hidden;
text-overflow: ellipsis;
align-self: flex-start;
font-size: .9em;
}
.info {