mirror/mCaptcha
1
0
Fork 1
mirror of https://github.com/mCaptcha/mCaptcha.git synced 2026-02-11 10:05:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile css setup

Browse Source
This commit is contained in:
realaravinth
2021-05-25 20:40:57 +05:30
parent 90fa5ebd19
commit 80352fb390
19 changed files with 236 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/components/details-footer/index.html Normal file
View File

@@ -0,0 +1,20 @@
<footer role="contentinfo" class="details__container">
<p class="details__copyright"> &copy; mCaptcha developers </p>
<ul class="details">
<li class="details__item">
<a class="details__link" href="<.= crate::PKG_HOMEPAGE .>">Homepage</a>
</li>
<li class="details__item">
<a class="details__link" href="<.= crate::PAGES.about .>">About</a>
</li>
<li class="details__item">
<a class="details__link" href="<.= crate::PAGES.thanks .>">Thanks</a>
</li>
<li class="details__item">
<a class="details__link" href="<.= crate::PAGES.donate .>">Donate</a>
</li>
<li class="details__item">
v<.= crate::VERSION .>-<.= crate::GIT_COMMIT_HASH[0..8] .>
</li>
</ul>
</footer>

51
templates/components/details-footer/main.scss Normal file
View File

@@ -0,0 +1,51 @@
/*
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import '../../_vars.scss';
$footer-font-size: 14px;
.details__container {
display: flex;
font-size: $footer-font-size;
// margin-left: auto;
}
.details__copyright {
flex: 2;
font-size: $footer-font-size;
}
.details {
list-style: none;
bottom: 0px;
box-sizing: border-box;
display: flex;
font-size: 14px;
background-color: $backdrop;
//position: relative;
// width: 95%;
//margin: auto;
}
.details__item {
margin: auto 10px;
}
.details__link {
color: $blue-link;
}

29
templates/components/details-footer/mobile.scss Normal file
View File

@@ -0,0 +1,29 @@
/*
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import '../../_vars.scss';
$footer-font-size: 14px;
.details__container {
margin-top: 20px;
flex-direction: column-reverse;
}
.details__copyright {
flex: 1;
margin: auto;
}