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

feat: 💄 style swiper

This commit is contained in:
ThatOneCalculator 2022-08-22 23:23:19 -07:00
parent 5acac6cbfb
commit 44e03b08f1
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.118.1-calc.12.7", "version": "12.118.1-calc.12.8",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

19
packages/client/src/pages/timeline.vue
View File

@ -36,7 +36,7 @@
/> />
</div> </div>
<div v-else class="tl _block"> <div v-else class="tl _block">
<swiper :modules="[Pagination]" :pagination="{ dynamicBullets: true, }"> <swiper :modules="[Pagination]" :pagination="{ dynamicBullets: true, }" :space-between="20">
<swiper-slide> <swiper-slide>
<XTimeline <XTimeline
ref="tl" ref="tl"
@ -293,6 +293,8 @@ definePageMetadata(
<style lang="scss" scoped> <style lang="scss" scoped>
.cmuxhskf { .cmuxhskf {
--swiper-theme-color: var(--accent);
> .new { > .new {
position: sticky; position: sticky;
top: calc(var(--stickyTop, 0px) + 16px); top: calc(var(--stickyTop, 0px) + 16px);
@ -316,5 +318,20 @@ definePageMetadata(
border-radius: var(--radius); border-radius: var(--radius);
overflow: clip; overflow: clip;
} }
> .swiper-pagination {
position: fixed;
margin-bottom: 100px;
z-index: 99999;
background-color: var(--panelHighlight);
padding: 0.5rem 1rem;
border-radius: 999px;
color: var(--accent);
}
> .swiper-pagination-bullet-active {
background: var(--accent, var(--panel));
}
} }
</style> </style>