mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-01 07:35:57 +09:00
Code

🎨

Browse Source
This commit is contained in:
syuilo 2021-10-16 18:18:41 +09:00
parent 23753ec75a
commit 4ba4062519
3 changed files with 37 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/client/components/tab.vue
View File

@ -35,8 +35,8 @@ export default defineComponent({
> button { > button {
flex: 1; flex: 1;
padding: 15px 12px 12px 12px; padding: 10px 8px;
border-bottom: solid 3px transparent; border-radius: 6px;
&:disabled { &:disabled {
opacity: 1 !important; opacity: 1 !important;
@ -45,11 +45,16 @@ export default defineComponent({
&.active { &.active {
color: var(--accent); color: var(--accent);
border-bottom-color: var(--accent); background: var(--accentedBg);
} }
&:not(.active):hover { &:not(.active):hover {
color: var(--fgHighlighted); color: var(--fgHighlighted);
background: var(--panelHighlight);
}
&:not(:first-child) {
margin-left: 8px;
} }
> .icon { > .icon {
@ -61,7 +66,7 @@ export default defineComponent({
font-size: 80%; font-size: 80%;
> button { > button {
padding: 11px 8px 8px 8px; padding: 11px 8px;
} }
} }
} }

2
src/client/pages/pages.vue
View File

@ -2,6 +2,7 @@
<div> <div>
<MkHeader :info="header"/> <MkHeader :info="header"/>
<MkSpacer>
<!-- TODO: MkHeaderに統合 --> <!-- TODO: MkHeaderに統合 -->
<MkTab v-model="tab" v-if="$i"> <MkTab v-model="tab" v-if="$i">
<option value="featured"><i class="fas fa-fire-alt"></i> {{ $ts._pages.featured }}</option> <option value="featured"><i class="fas fa-fire-alt"></i> {{ $ts._pages.featured }}</option>
@ -29,6 +30,7 @@
</MkPagination> </MkPagination>
</div> </div>
</div> </div>
</MkSpacer>
</div> </div>
</template> </template>

4
src/client/pages/user/index.timeline.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="yrzkoczt" v-sticky-container> <div class="yrzkoczt" v-sticky-container>
<MkTab v-model="with_" class="_gap tab"> <MkTab v-model="with_" class="tab">
<option :value="null">{{ $ts.notes }}</option> <option :value="null">{{ $ts.notes }}</option>
<option value="replies">{{ $ts.notesAndReplies }}</option> <option value="replies">{{ $ts.notesAndReplies }}</option>
<option value="files">{{ $ts.withFiles }}</option> <option value="files">{{ $ts.withFiles }}</option>
@ -60,6 +60,8 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.yrzkoczt { .yrzkoczt {
> .tab { > .tab {
margin: calc(var(--margin) / 2) 0;
padding: calc(var(--margin) / 2) 0;
background: var(--bg); background: var(--bg);
} }
} }