natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Spacing & other tweaks 

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 e19c4d17ac
commit 9e5135eb2b
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 themeColor = instance.themeColor ?? '#777777';
const bg = { const bg = {
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}11)`, background: `linear-gradient(90deg, ${themeColor}, ${themeColor}99)`,
}; };
</script> </script>
@ -37,7 +37,7 @@ const bg = {
align-items: center; align-items: center;
height: 1.1em; height: 1.1em;
justify-self: flex-end; justify-self: flex-end;
padding: .1em .4em; padding: .2em .4em;
border-radius: 100px; border-radius: 100px;
font-size: .8em; font-size: .8em;
text-shadow: 0 2px 2px var(--shadow); 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; padding: 0 32px 0 32px;
display: flex; display: flex;
&:first-child { &:first-child {
margin-top: 10px; margin-top: 15px;
} }
> :not(.line) { > :not(.line) {
width: 0; width: 0;
flex-grow: 1; flex-grow: 1;
position: relative; position: relative;
margin-bottom: -15px; margin-bottom: -10px;
line-height: 28px;
} }
> .line { > .line {
width: var(--avatar-size); width: var(--avatar-size);
@ -386,7 +387,6 @@ function readPromo() {
> .info { > .info {
display: flex; display: flex;
align-items: center; align-items: center;
line-height: 24px;
font-size: 90%; font-size: 90%;
white-space: pre; white-space: pre;
color: #f6c177; color: #f6c177;
@ -405,7 +405,6 @@ function readPromo() {
> .renote { > .renote {
display: flex; display: flex;
align-items: center; align-items: center;
line-height: 28px;
white-space: pre; white-space: pre;
color: var(--renote); color: var(--renote);
@ -428,6 +427,7 @@ function readPromo() {
> .info { > .info {
margin-left: auto; margin-left: auto;
font-size: 0.9em; font-size: 0.9em;
display: flex;
> .time { > .time {
flex-shrink: 0; flex-shrink: 0;
@ -438,6 +438,10 @@ function readPromo() {
margin-right: 4px; margin-right: 4px;
} }
} }
> span {
display: flex;
align-items: center;
}
} }
} }
@ -448,7 +452,7 @@ function readPromo() {
} }
> .article { > .article {
padding: 28px 32px 18px; padding: 28px 32px 10px;
cursor: pointer; cursor: pointer;
@media (pointer: coarse) { @media (pointer: coarse) {

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

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