提交 897c4f5e 编写于 作者: C codecalm

footer page fixes

上级 a7f4f054
......@@ -2,7 +2,7 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Active users</div>
<div class="ml-auto">
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
......
......@@ -2,7 +2,7 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">New clients</div>
<div class="ml-auto">
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
......
......@@ -2,7 +2,7 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Revenue</div>
<div class="ml-auto">
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
......
......@@ -2,7 +2,7 @@
<div class="card-body">
<div class="d-flex align-items-center">
<div class="subheader">Sales</div>
<div class="ml-auto">
<div class="ml-auto lh-1">
{% include parts/dropdown/days.html %}
</div>
</div>
......
......@@ -35,7 +35,6 @@
<th>Status {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Price {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th></th>
<th></th>
</tr>
</thead>
......@@ -67,9 +66,6 @@
{% include ui/dropdown-menu.html right=true %}
</span>
</td>
<td>
{% include ui/icon.html icon="edit" class="icon-sm float-right" %}
</td>
</tr>
{% endfor %}
</tbody>
......
......@@ -8,7 +8,6 @@
<th class="text-center">Payment</th>
<th>Activity</th>
<th class="w-1p">Satisfaction</th>
<th class="w-1p"></th>
</tr>
</thead>
<tbody>
......@@ -59,14 +58,6 @@
<!-- </div>-->
{% include ui/sparkline.html percentage=percentage type="pie" %}
</td>
<td class="text-center">
<div class="dropdown">
<a href="#" class="text-secondary mx-2" data-boundary="viewport" data-toggle="dropdown">
{% include ui/icon.html icon="more-vertical" %}
</a>
{% include ui/dropdown-menu.html right=true %}
</div>
</td>
</tr>
{% endfor %}
</tbody>
......
<div class="layout-area-footer-sub footer">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">First link</a></li>
<li><a href="#">Second link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">Third link</a></li>
<li><a href="#">Fourth link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">Fifth link</a></li>
<li><a href="#">Sixth link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">Other link</a></li>
<li><a href="#">Last link</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0">
Premium and Open Source dashboard template with responsive and high quality UI. For Free!
</div>
</div>
</div>
</div>
\ No newline at end of file
<footer class="layout-area-footer footer py-1">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="{{ site.base }}/docs/index.html">Documentation</a></li>
<li class="list-inline-item"><a href="{{ site.base }}/faq.html">FAQ</a></li>
</ul>
</div>
<div class="col-auto">
<a href="{{ site.github_url }}" class="btn btn-outline-primary btn-sm">Source code</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
Copyright © {{ site.time | date: '%Y' }} <a href="{{ site.base }}">{{ site.title }}</a>. Theme by <a href="{{ site.author.url }}" target="_blank">{{ site.author.name }}</a> All rights reserved.
</div>
</div>
</div>
</footer>
\ No newline at end of file
<div class="mb-n3 mt-3">
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-lg-auto">
<div class="row align-items-center">
<div class="col-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="{{ site.base }}/docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="{{ site.base }}/faq.html" class="link-secondary">FAQ</a></li>
</ul>
</div>
<div class="col-auto">
{% include ui/button.html color="secondary" size="sm" text="Source code" href=site.github_url external=true %}
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
Copyright © {{ site.time | date: '%Y' }}
<a href="{{ site.base }}" class="link-secondary">{{ site.title }}</a>.
All rights reserved.
</div>
</div>
</div>
</footer>
</div>
\ No newline at end of file
......@@ -9,15 +9,14 @@ layout: base
{% include layout/navbar-secondary.html %}
<div class="content">
<main class="container">
<div class="container">
{% if page-header %}
{% include layout/page-header.html title=page-header description=page.page-header-description actions=page.page-header-actions pretitle=page.page-header-pretitle %}
{% endif %}
{{ content }}
</main>
</div>
{% include layout/footer-sub.html %}
{% include layout/footer.html %}
</div>
</div>
......@@ -6,6 +6,7 @@
@import "layout/core";
@import "layout/navbar";
@import "layout/page";
@import "layout/footer";
@import "ui/alerts";
@import "ui/avatars";
......
.footer {
border-top: 1px solid;
background-color: $footer-bg;
border-color: $footer-border-color;
padding: 0.75rem;
border-top: 1px solid $footer-border-color;
background-color: $footer-bg;
padding: 1rem 0;
color: $text-muted;
}
\ No newline at end of file
......@@ -2,15 +2,18 @@
display: flex;
flex-direction: column;
position: relative;
min-height: 100vh;
}
.content {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
flex: 1;
display: flex;
flex-direction: column;
@include media-breakpoint-up(xl) {
padding-left: .5rem;
padding-right: .5rem;
>[class*="container"] {
flex: 1;
}
@media print {
......
......@@ -182,3 +182,14 @@
border-top: 1px solid $border-color;
}
}
/**
Inline list
*/
.list-inline-dots {
.list-inline-item + .list-inline-item:before {
content: '· ';
margin-right: $list-inline-padding;
}
}
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册