element-plus/docs/.vitepress/vitepress/components/doc-content/vp-page-footer.vue
云游君 8583c70fdc
feat(theme-chalk): use @use instead of @import & remove /**/ comment (#3696)
* feat(theme-chalk): use @use instead of @import & remove /**/ comment

* refactor(theme-chalk): refactor scss with @use module

* fix(docs): scss in docs toggle to '@use'

* docs: add custom theme on demand

* docs: add unplugin-element-plus
2021-09-28 20:42:12 +08:00

40 lines
678 B
Vue

<script setup lang="ts">
import VPEditLink from './vp-edit-link.vue'
import VPLastUpdatedAt from './vp-last-updated-at.vue'
</script>
<template>
<footer class="page-footer">
<div class="edit">
<VPEditLink />
</div>
<div class="updated">
<VPLastUpdatedAt />
</div>
</footer>
</template>
<style scoped lang="scss">
@use '../../styles/mixins' as *;
.page-footer {
padding-top: 1rem;
padding-bottom: 1rem;
overflow: auto;
.updated {
padding-top: 4px;
}
}
@include respond-to('lg') {
.page-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.updated {
padding-top: 0;
}
}
</style>