more post style fixes

This commit is contained in:
ThatOneCalculator 2023-01-03 10:36:14 -08:00
parent 2fdd015da7
commit d4e6ee6001
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
4 changed files with 32 additions and 8 deletions

View File

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "13.0.7.3",
"version": "13.0.7.4",
"codename": "aqua",
"repository": {
"type": "git",

View File

@ -6,7 +6,6 @@
</template>
<script lang="ts" setup>
import { } from 'vue';
import { instanceName } from '@/config';
import { instance as Instance } from '@/instance';
@ -28,7 +27,7 @@ const instance = props.instance ?? {
const themeColor = instance.themeColor ?? '#777777';
const bg = {
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}00)`
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}11)`,
};
</script>
@ -40,7 +39,6 @@ const bg = {
justify-self: flex-end;
padding: .1em .7em;
border-radius: 100px;
background-color: var(--accentedBg);
font-size: .8em;
text-shadow: 0 2px 2px black;

View File

@ -438,7 +438,7 @@ function readPromo() {
flex-shrink: 0;
display: block;
margin: 0 14px 8px 0;
grid-row: 1 / span 2;
grid-row: 1 / 2;
width: 48px;
height: 48px;
position: relative;
@ -471,7 +471,7 @@ function readPromo() {
}
> .name {
font-size: 1.2em;
font-size: 1.2em !important;
}
> .ticker {

View File

@ -465,13 +465,39 @@ if (appearNote.replyId) {
> .main {
> .header {
display: contents;
}
> :not(.ticker) {
grid-column: 1 / span 3;
grid-column: 1 / 3;
width: 100%;
max-width: 100%;
// overflow hidden
}
> .name, .info {
grid-row: 1;
}
> .username, .ticker {
grid-row: 2;
align-self: flex-start;
}
> .name {
font-size: 1.2em !important;
}
> .ticker {
font-size: 0.9em;
}
> .body {
margin-top: .2em;
overflow: hidden;
margin-inline: -100px;
padding-inline: 100px;
> .cw {
cursor: default;
display: block;