AfRA/AfRApay
3
0
Fork 0
Code Issues 7 Pull requests Packages Projects Releases Wiki Activity

Make footer fully responsive

Browse source
This commit is contained in:
Lilian 2023-02-10 13:01:34 +01:00
parent dd2f2f8b02
commit c2f3e25164
2 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
AfRApay.Web/Pages/Shared/_Layout.cshtml
View file

@ -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">
&copy; @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">
&copy; @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>

10
AfRApay.Web/wwwroot/css/site.css
View file

@ -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);
}