mirror of
https://github.com/muerwre/muerwre.github.io.git
synced 2025-04-25 02:46:39 +07:00
initial
This commit is contained in:
commit
5104c2518b
34 changed files with 6844 additions and 0 deletions
54
layouts/content.vue
Normal file
54
layouts/content.vue
Normal file
|
@ -0,0 +1,54 @@
|
|||
<template>
|
||||
<div :class="$style.wrapper">
|
||||
<div :class="$style.content">
|
||||
<LayoutThemeToggle :class="$style.theme_toggle" />
|
||||
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
<LayoutFooter :class="$style.footer" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" module>
|
||||
@import "~~/assets/css/mixins";
|
||||
|
||||
.wrapper {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 40px 120px;
|
||||
|
||||
@include desktop {
|
||||
padding: 40px 40px 20px 40px;
|
||||
}
|
||||
|
||||
@include tablet {
|
||||
padding: 40px 20px 20px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 60px;
|
||||
padding: 10px;
|
||||
border-top: 1px solid var(--color-line);
|
||||
}
|
||||
|
||||
.theme_toggle {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
stroke: currentColor;
|
||||
stroke-width: 0.5px;
|
||||
|
||||
@include tablet {
|
||||
stroke-width: 1.5px;
|
||||
right: 16px;
|
||||
top: 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue