feat(theme): layouts and styles
This commit is contained in:
parent
c7c8fc4e67
commit
84e77c2b93
9 changed files with 78 additions and 46 deletions
16
layouts/auto-grid.vue
Normal file
16
layouts/auto-grid.vue
Normal file
|
@ -0,0 +1,16 @@
|
|||
<template>
|
||||
<div class="slidev-layout">
|
||||
<slot />
|
||||
<div class="auto-grid">
|
||||
<slot name="content" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.auto-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: var(--space-xs);
|
||||
}
|
||||
</style>
|
7
layouts/fact.vue
Normal file
7
layouts/fact.vue
Normal file
|
@ -0,0 +1,7 @@
|
|||
<template>
|
||||
<div
|
||||
class="slidev-layout place-content-center place-items-center text-center fact"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="slidev-layout h-full place-content-center">
|
||||
<div class="slidev-layout place-content-center">
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue