limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-22 09:57:29 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: 💄 style swiper

Browse source
This commit is contained in:
ThatOneCalculator 2022-08-22 23:23:19 -07:00
parent 15b099f3fd
commit e6cb4270f6
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",
"version": "12.118.1-calc.12.7",
"version": "12.118.1-calc.12.8",
"codename": "aqua",
"repository": {
"type": "git",

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

@ -36,7 +36,7 @@
/>
</div>
<div v-else class="tl _block">
<swiper :modules="[Pagination]" :pagination="{ dynamicBullets: true, }">
<swiper :modules="[Pagination]" :pagination="{ dynamicBullets: true, }" :space-between="20">
<swiper-slide>
<XTimeline
ref="tl"
@ -293,6 +293,8 @@ definePageMetadata(
<style lang="scss" scoped>
.cmuxhskf {
--swiper-theme-color: var(--accent);
> .new {
position: sticky;
top: calc(var(--stickyTop, 0px) + 16px);
@ -316,5 +318,20 @@ definePageMetadata(
border-radius: var(--radius);
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>