⚡ Zap
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
.page-leave-active,
|
.page-leave-active,
|
||||||
.layout-enter-active,
|
.layout-enter-active,
|
||||||
.layout-leave-active {
|
.layout-leave-active {
|
||||||
transition: all 0.2s;
|
transition: opacity 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-enter,
|
.page-enter,
|
||||||
@@ -14,10 +14,6 @@
|
|||||||
|
|
||||||
$responsiveWidth: 768px;
|
$responsiveWidth: 768px;
|
||||||
|
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: var(--ac-color);
|
background-color: var(--ac-color);
|
||||||
color: var(--act-color);
|
color: var(--act-color);
|
||||||
@@ -50,6 +46,7 @@ html {
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
body {
|
body {
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg-color);
|
||||||
color: var(--fg-color);
|
color: var(--fg-color);
|
||||||
@@ -62,11 +59,12 @@ body {
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Make theme transition smoother.
|
// Make theme transition smoother.
|
||||||
body.afterLoad {
|
body.afterLoad {
|
||||||
transition: all 0.2s ease-in-out;
|
transition: background-color 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.sticky-footer footer {
|
body.sticky-footer footer {
|
||||||
@@ -97,8 +95,8 @@ footer {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper .content {
|
.wrapper .page {
|
||||||
min-height: 100vh;
|
min-height: calc(100vh - 153px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.header,
|
.header,
|
||||||
@@ -149,11 +147,14 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
order: 2;
|
order: 2;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
background-color: var(--bg-light-color);
|
background-color: var(--bg-light-color);
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-second {
|
.nav-second {
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ export default {
|
|||||||
this.editor = editor;
|
this.editor = editor;
|
||||||
this.cacheValue = this.value;
|
this.cacheValue = this.value;
|
||||||
|
|
||||||
editor.on('change', () => {
|
editor.on("change", () => {
|
||||||
const content = editor.getValue();
|
const content = editor.getValue();
|
||||||
this.$emit("input", content);
|
this.$emit("input", content);
|
||||||
this.cacheValue = content;
|
this.cacheValue = content;
|
||||||
|
|||||||
@@ -20,7 +20,6 @@
|
|||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
border: 3px solid var(--bg-dark-color);
|
border: 3px solid var(--bg-dark-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
|
|
||||||
&.fg {
|
&.fg {
|
||||||
color: var(--act-color);
|
color: var(--act-color);
|
||||||
|
|||||||
@@ -1,17 +1,15 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<head>
|
||||||
<head>
|
<meta charset="UTF-8" />
|
||||||
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
||||||
<title>Postwoman</title>
|
<title>Postwoman</title>
|
||||||
<meta http-equiv="refresh" content="0; url=https://postwoman.io">
|
<meta http-equiv="refresh" content="0; url=https://postwoman.io" />
|
||||||
<link rel="canonical" href="https://postwoman.io">
|
<link rel="canonical" href="https://postwoman.io" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
Redirecting to postwoman.io
|
Redirecting to postwoman.io
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -552,7 +552,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</pw-section>
|
</pw-section>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-wrap">
|
<!-- <div class="flex-wrap">
|
||||||
<span></span>
|
<span></span>
|
||||||
<button
|
<button
|
||||||
class="icon hide-on-small-screen"
|
class="icon hide-on-small-screen"
|
||||||
@@ -565,7 +565,7 @@
|
|||||||
{{ activeSidebar ? "last_page" : "first_page" }}
|
{{ activeSidebar ? "last_page" : "first_page" }}
|
||||||
</i>
|
</i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div> -->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<pw-section
|
<pw-section
|
||||||
@@ -794,6 +794,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import section from "../components/section";
|
import section from "../components/section";
|
||||||
import url from "url";
|
import url from "url";
|
||||||
|
|||||||
@@ -154,6 +154,7 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
div.log {
|
div.log {
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 11 KiB |
Reference in New Issue
Block a user