some minor tweaks

This commit is contained in:
Leafy :3 2025-02-09 03:58:57 +01:00
parent 87c716cb59
commit 358e7ea049
3 changed files with 24 additions and 5 deletions

View file

@ -41,6 +41,7 @@
cursor: pointer;
overflow: hidden;
margin-top: 0.5em;
background-color: var(--btn);
.card-image {
flex-shrink: 0;

View file

@ -4,6 +4,24 @@
display: flex;
flex-direction: column;
.button-showmore {
background-color: var(--btn);
border-radius: var(--btnRadius);
border: none;
padding: 10px;
color: var(--link);
font-family: var(--interface);
transition: all 300ms;
width: fit-content;
margin-top: 10px;
}
.button-showmore:hover {
background-color: var(--link);
color: var(--btn);
cursor: pointer;
}
.translation {
border: 1px solid var(--accent, $fallback--link);
border-radius: var(--panelRadius, $fallback--panelRadius);

View file

@ -16,14 +16,14 @@
/>
<button
v-show="longSubject && showingLongSubject"
class="button-unstyled -link tall-subject-hider"
class="button-showmore -link tall-subject-hider"
@click.prevent="toggleShowingLongSubject"
>
{{ $t("status.hide_full_subject") }}
</button>
<button
v-show="longSubject && !showingLongSubject"
class="button-unstyled -link tall-subject-hider"
class="button-showmore -link tall-subject-hider"
@click.prevent="toggleShowingLongSubject"
>
{{ $t("status.show_full_subject") }}
@ -35,7 +35,7 @@
>
<button
v-show="hideTallStatus"
class="button-unstyled -link tall-status-hider"
class="button-showmore -link tall-status-hider"
:class="{ '-focused': focused }"
@click.prevent="toggleShowMore"
>
@ -101,7 +101,7 @@
</div>
<button
v-show="hideSubjectStatus"
class="button-unstyled -link cw-status-hider"
class="button-showmore -link cw-status-hider"
@click.prevent="toggleShowMore"
>
{{ $t("status.show_content") }}
@ -132,7 +132,7 @@
</button>
<button
v-show="showingMore && !fullContent"
class="button-unstyled -link status-unhider"
class="button-showmore -link status-unhider"
@click.prevent="toggleShowMore"
>
{{ tallStatus ? $t("general.show_less") : $t("status.hide_content") }}