Make footer fully responsive
This commit is contained in:
parent
dd2f2f8b02
commit
c2f3e25164
|
@ -9,7 +9,7 @@
|
||||||
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>
|
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>
|
||||||
@await RenderSectionAsync("Stylesheets", false)
|
@await RenderSectionAsync("Stylesheets", false)
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="d-flex flex-column min-vh-100">
|
||||||
<header>
|
<header>
|
||||||
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
|
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
@ -28,15 +28,22 @@
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<div class="container main-body">
|
<div class="container">
|
||||||
<main role="main" class="pb-3">
|
<main role="main" class="pb-3">
|
||||||
@RenderBody()
|
@RenderBody()
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="border-top footer text-muted">
|
<footer class="border-top footer mt-auto text-muted">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
© @DateTime.Now.Year - <a href="https://git.ztn.sh/AfRA/AfRApay" target="_blank">AfRApay</a> team. Powered by AfRApay <a class="footerlink" href="https://git.ztn.sh/AfRA/AfRApay/commit/@Utils.LinkVersion" target="_blank">@Utils.Version</a> on .NET @Environment.Version
|
<div class=row>
|
||||||
|
<div class="col px-1 col-auto">
|
||||||
|
© @DateTime.Now.Year - <a href="https://git.ztn.sh/AfRA/AfRApay" target="_blank">AfRApay</a> team.
|
||||||
|
</div>
|
||||||
|
<div class="col px-1 col-auto">
|
||||||
|
Powered by AfRApay <a class="footerlink" href="https://git.ztn.sh/AfRA/AfRApay/commit/@Utils.LinkVersion" target="_blank">@Utils.Version</a> on .NET @Environment.Version
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
|
@ -65,12 +65,10 @@ button.accept-policy {
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: normal;
|
||||||
overflow: hidden;
|
padding: 1em;
|
||||||
line-height: 60px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-custom {
|
.container-custom {
|
||||||
|
@ -255,10 +253,6 @@ button.accept-policy {
|
||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-body {
|
|
||||||
margin-bottom: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ghost-card {
|
.ghost-card {
|
||||||
filter:grayscale(100%) blur(4px);
|
filter:grayscale(100%) blur(4px);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue