natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sticky~

This commit is contained in:
ThatOneCalculator 2023-04-08 20:34:36 -07:00
parent 6d072bbdc7
commit 0262437975
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
4 changed files with 69 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/client/src/components/MkTab.vue
View File

@ -51,7 +51,6 @@ export default defineComponent({
display: flex; display: flex;
font-size: 90%; font-size: 90%;
border-radius: var(--radius); border-radius: var(--radius);
margin-top: -10px;
> button { > button {
flex: 1; flex: 1;

64
packages/client/src/pages/timeline.discover.vue
View File

@ -1,35 +1,39 @@
<template> <template>
<MkSpacer :content-max="800"> <MkSpacer :content-max="800">
<MkTab v-model="tab" style="margin-bottom: var(--margin)"> <MkStickyContainer style="margin: 10px; top: 62px">
<option value="hot">{{ i18n.ts._timelines.hot }}</option> <template #header>
<option v-if="isRecommendedTimelineAvailable" value="recommended"> <MkTab v-model="tab" style="margin-bottom: var(--margin)">
{{ i18n.ts._timelines.recommended }} <option value="hot">{{ i18n.ts._timelines.hot }}</option>
</option> <option v-if="isRecommendedTimelineAvailable" value="recommended">
<option v-if="isGlobalTimelineAvailable" value="global"> {{ i18n.ts._timelines.recommended }}
{{ i18n.ts._timelines.global }} </option>
</option> <option v-if="isGlobalTimelineAvailable" value="global">
</MkTab> {{ i18n.ts._timelines.global }}
<XTimeline </option>
v-if="tab === 'hot'" </MkTab>
ref="tl" <XTimeline
class="tl" v-if="tab === 'hot'"
src="featured" ref="tl"
:sound="true" class="tl"
/> src="featured"
<XTimeline :sound="true"
v-else-if="tab === 'recommended'" />
ref="tl" <XTimeline
class="tl" v-else-if="tab === 'recommended'"
src="recommended" ref="tl"
:sound="true" class="tl"
/> src="recommended"
<XTimeline :sound="true"
v-else-if="tab === 'global'" />
ref="tl" <XTimeline
class="tl" v-else-if="tab === 'global'"
src="global" ref="tl"
:sound="true" class="tl"
/> src="global"
:sound="true"
/>
</template>
</MkStickyContainer>
</MkSpacer> </MkSpacer>
</template> </template>

64
packages/client/src/pages/timeline.foryou.vue
View File

@ -1,35 +1,39 @@
<template> <template>
<MkSpacer :content-max="800"> <MkSpacer :content-max="800">
<MkTab v-model="tab" style="margin-bottom: var(--margin)"> <MkStickyContainer style="margin: 10px; top: 62px">
<option v-if="isLocalTimelineAvailable" value="social"> <template #header>
{{ i18n.ts._timelines.social }} <MkTab v-model="tab" style="margin-bottom: var(--margin)">
</option> <option v-if="isLocalTimelineAvailable" value="social">
<option value="home">{{ i18n.ts._timelines.home }}</option> {{ i18n.ts._timelines.social }}
<option value="local" v-if="isLocalTimelineAvailable"> </option>
{{ i18n.ts._timelines.local }} <option value="home">{{ i18n.ts._timelines.home }}</option>
</option> <option value="local" v-if="isLocalTimelineAvailable">
</MkTab> {{ i18n.ts._timelines.local }}
<XTimeline </option>
v-if="tab === 'social'" </MkTab>
ref="tl" <XTimeline
class="tl" v-if="tab === 'social'"
src="social" ref="tl"
:sound="true" class="tl"
/> src="social"
<XTimeline :sound="true"
v-else-if="tab === 'home'" />
ref="tl" <XTimeline
class="tl" v-else-if="tab === 'home'"
src="home" ref="tl"
:sound="true" class="tl"
/> src="home"
<XTimeline :sound="true"
v-else-if="tab === 'local'" />
ref="tl" <XTimeline
class="tl" v-else-if="tab === 'local'"
src="local" ref="tl"
:sound="true" class="tl"
/> src="local"
:sound="true"
/>
</template>
</MkStickyContainer>
</MkSpacer> </MkSpacer>
</template> </template>

2
packages/client/src/pages/user/index.timeline.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<MkStickyContainer> <MkStickyContainer style="margin: 10px; top: 62px">
<template #header> <template #header>
<MkTab v-model="include" :class="$style.tab"> <MkTab v-model="include" :class="$style.tab">
<option :value="null">{{ i18n.ts.notes }}</option> <option :value="null">{{ i18n.ts.notes }}</option>