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;
font-size: 90%;
border-radius: var(--radius);
margin-top: -10px;
> button {
flex: 1;

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

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

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

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

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

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