161sh/trashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/crimekillz/trashposs synced 2024-11-22 17:03:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

🎨

Browse Source
This commit is contained in:
syuilo 2021-10-16 15:00:55 +09:00
parent 734c9f2ccd
commit 81efc7a77b
4 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/components/post-form.vue
View File

@ -18,7 +18,7 @@
<span v-if="visibility === 'specified'"><i class="fas fa-envelope"></i></span> <span v-if="visibility === 'specified'"><i class="fas fa-envelope"></i></span>
</button> </button>
<button class="_button preview" @click="showPreview = !showPreview" :class="{ active: showPreview }" v-tooltip="$ts.previewNoteText"><i class="fas fa-file-code"></i></button> <button class="_button preview" @click="showPreview = !showPreview" :class="{ active: showPreview }" v-tooltip="$ts.previewNoteText"><i class="fas fa-file-code"></i></button>
<button class="submit _buttonPrimary" :disabled="!canPost" @click="post" data-cy-open-post-form-submit>{{ submitText }}<i :class="reply ? 'fas fa-reply' : renote ? 'fas fa-quote-right' : 'fas fa-paper-plane'"></i></button> <button class="submit _buttonGradate" :disabled="!canPost" @click="post" data-cy-open-post-form-submit>{{ submitText }}<i :class="reply ? 'fas fa-reply' : renote ? 'fas fa-quote-right' : 'fas fa-paper-plane'"></i></button>
</div> </div>
</header> </header>
<div class="form" :class="{ fixed }"> <div class="form" :class="{ fixed }">
@ -759,6 +759,7 @@ export default defineComponent({
font-weight: bold; font-weight: bold;
vertical-align: bottom; vertical-align: bottom;
border-radius: 4px; border-radius: 4px;
font-size: 0.9em;
&:disabled { &:disabled {
opacity: 0.7; opacity: 0.7;

4
src/client/components/ui/button.vue
View File

@ -188,11 +188,11 @@ export default defineComponent({
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB)); background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
&:not(:disabled):hover { &:not(:disabled):hover {
background: var(--X8); background: linear-gradient(90deg, var(--X8), var(--X8));
} }
&:not(:disabled):active { &:not(:disabled):active {
background: var(--X8); background: linear-gradient(90deg, var(--X8), var(--X8));
} }
} }

4
src/client/pages/settings/index.vue
View File

@ -301,6 +301,10 @@ export default defineComponent({
width: 32%; width: 32%;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
> .title {
margin: 24px;
}
} }
> .main { > .main {

14
src/client/style.scss
View File

@ -202,6 +202,20 @@ hr {
} }
} }
._buttonGradate {
@extend ._buttonPrimary;
color: var(--fgOnAccent);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
&:not(:disabled):hover {
background: linear-gradient(90deg, var(--X8), var(--X8));
}
&:not(:disabled):active {
background: linear-gradient(90deg, var(--X8), var(--X8));
}
}
._help { ._help {
color: var(--accent); color: var(--accent);
cursor: help cursor: help