fix about modal

This commit is contained in:
Murphy 2024-12-20 11:31:20 -05:00
parent edb6022ebe
commit 94dbfad535
Signed by: freya
GPG key ID: 9FBC6FFD6D2DBF17
2 changed files with 19 additions and 23 deletions

View file

@ -120,7 +120,6 @@ header#header {
} }
} }
} }
} }
@media (min-width: 800px) { @media (min-width: 800px) {
@ -598,3 +597,16 @@ form {
} }
} }
} }
#about-menu {
@include column;
justify-content: center;
align-items: center;
.logo {
color: $blue;
font-family: $header-font;
font-size: 2.25rem;
margin-bottom: $inner-gap;
}
}

View file

@ -1,25 +1,9 @@
<?php /* Copyright (c) 2024 Freya Murphy */ ?> <?php /* Copyright (c) 2024 Freya Murphy */ ?>
<?php /* vi: syntax=php */ ?> <?php /* vi: syntax=php */ ?>
<div id="about-modal-body"> <div id="about-menu" class="modal-content">
<span class="logo">xssbook</span> <div><span class="logo">xssbook</span></div>
<span class="mb"><?=ucfirst(lang('version'))?></span> <div><span class="mb"><?=ucfirst(lang('version'))?></span></div>
<span><?=ucfirst(lang('copyright'))?></span> <div><span><?=ucfirst(lang('copyright'))?></span></div>
<a class="btn btn-primary mt" href="https://g.freya.cat/freya/xssbook2">Source Code</a> <div><a class="btn btn-primary mt" href="https://g.freya.cat/freya/xssbook2">Source Code</a></div>
<p>For reports of abuse, please email <a class="btn-primary" href="mailto:contact@freyacat.org">contact@freyacat.org</a></p> <div><p>For reports of abuse, please email <a class="btn-primary" href="mailto:contact@freyacat.org">contact@freyacat.org</a></p></div>
</div> </div>
<style>
#about-modal-body {
display: flex;
margin-top: 50px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
}
#about-modal-body .logo {
color: var(--blue);
font-family: facebook;
font-size: 2.25rem;
margin-bottom: 1rem;
}
</style>