generated from cms/tibi-docs
This commit is contained in:
parent
068c6f0ca1
commit
04595d7094
@ -166,6 +166,7 @@
|
|||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
|
font-family: "Libre Franklin", sans-serif;
|
||||||
@media @mobile {
|
@media @mobile {
|
||||||
font-size: @bodyfontsize;
|
font-size: @bodyfontsize;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
|
@ -19,7 +19,13 @@
|
|||||||
}
|
}
|
||||||
nextpage = pages[nextIndex]
|
nextpage = pages[nextIndex]
|
||||||
}
|
}
|
||||||
|
let blackBg = false
|
||||||
setInterval(() => {
|
setInterval(() => {
|
||||||
|
if (location.pathname == "/") {
|
||||||
|
blackBg = true
|
||||||
|
} else {
|
||||||
|
blackBg = false
|
||||||
|
}
|
||||||
getNextPage($navigation.pages)
|
getNextPage($navigation.pages)
|
||||||
|
|
||||||
if (location.pathname.split("/").filter((s) => s).length >= 2) {
|
if (location.pathname.split("/").filter((s) => s).length >= 2) {
|
||||||
@ -43,7 +49,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer" class:black-bg="{blackBg}">
|
||||||
{#if showNext}
|
{#if showNext}
|
||||||
<button
|
<button
|
||||||
class="upper-part"
|
class="upper-part"
|
||||||
@ -73,13 +79,16 @@
|
|||||||
<style lang="less">
|
<style lang="less">
|
||||||
@import "../assets/css/main.less";
|
@import "../assets/css/main.less";
|
||||||
.footer {
|
.footer {
|
||||||
margin-top: 80px;
|
padding-top: 80px;
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
color: @font-color-secondary;
|
color: @font-color-secondary;
|
||||||
|
&.black-bg {
|
||||||
|
background-color: @bg-color-secondary;
|
||||||
|
}
|
||||||
.upper-part {
|
.upper-part {
|
||||||
background-color: @bg-color-secondary;
|
background-color: @bg-color-secondary;
|
||||||
padding: 10px 40px;
|
padding: 10px 40px;
|
||||||
|
@ -24,23 +24,22 @@
|
|||||||
justify-content: start;
|
justify-content: start;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.icon {
|
.icon {
|
||||||
margin: 30px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
width: 80px;
|
width: 127px;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
max-width: 45%;
|
max-width: 45%;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
@media @tablet {
|
@media @tablet {
|
||||||
max-width: initial;
|
max-width: initial;
|
||||||
flex-grow: initial;
|
flex-grow: initial;
|
||||||
width: 107px;
|
width: 157px;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 75%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.text {
|
.text {
|
||||||
|
Loading…
Reference in New Issue
Block a user