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"/>
|
||||
@await RenderSectionAsync("Stylesheets", false)
|
||||
</head>
|
||||
<body>
|
||||
<body class="d-flex flex-column min-vh-100">
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
|
||||
<div class="container">
|
||||
|
@ -28,15 +28,22 @@
|
|||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="container main-body">
|
||||
<div class="container">
|
||||
<main role="main" class="pb-3">
|
||||
@RenderBody()
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<footer class="border-top footer text-muted">
|
||||
<footer class="border-top footer mt-auto text-muted">
|
||||
<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>
|
||||
</footer>
|
||||
|
||||
|
|
|
@ -65,12 +65,10 @@ button.accept-policy {
|
|||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
line-height: 60px;
|
||||
white-space: normal;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.container-custom {
|
||||
|
@ -255,10 +253,6 @@ button.accept-policy {
|
|||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.main-body {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.ghost-card {
|
||||
filter:grayscale(100%) blur(4px);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue