mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2024-11-29 13:27:31 -07:00
more post style fixes
This commit is contained in:
parent
5c076f1c0e
commit
8585586b40
4 changed files with 32 additions and 8 deletions
|
@ -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",
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue