more post style fixes

This commit is contained in:
ThatOneCalculator 2023-01-03 10:36:14 -08:00
parent 5c076f1c0e
commit 8585586b40
4 changed files with 32 additions and 8 deletions

View file

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

View file

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

View file

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

View file

@ -465,13 +465,39 @@ if (appearNote.replyId) {
> .main { > .main {
> .header {
display: contents;
}
> :not(.ticker) { > :not(.ticker) {
grid-column: 1 / span 3; grid-column: 1 / 3;
width: 100%; width: 100%;
max-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 { > .body {
margin-top: .2em;
overflow: hidden;
margin-inline: -100px;
padding-inline: 100px;
> .cw { > .cw {
cursor: default; cursor: default;
display: block; display: block;