updated the about tab to be help and community, and fixed footer to act nicely

This commit is contained in:
Malcolm Diller 2022-11-08 20:19:31 -08:00
parent e175b87384
commit 69aa115178
2 changed files with 15 additions and 5 deletions

View File

@ -33,7 +33,7 @@
<span><i class="fa fa-gear icon"></i> Settings</span>
</span>
<span id="tab-about" class="tab">
<span><i class="fa fa-circle-info icon"></i> About</span>
<span><i class="fa fa-comments icon"></i> Help & Community</span>
</span>
</div>
</div>
@ -228,7 +228,7 @@
</div>
<div id="tab-content-about" class="tab-content">
<div class="tab-content-inner">
<h1>About</h1>
<h1>Help & Community</h1>
<ul id="community-links">
<li><a href="https://github.com/cmdr2/stable-diffusion-ui/wiki/Troubleshooting" target="_blank"><i class="fa-solid fa-circle-question fa-fw"></i> Usual problems and solutions</a></li>
<li><a href="https://discord.com/invite/u9yhsFmEkB" target="_blank"><i class="fa-brands fa-discord fa-fw"></i> Discord user community</a></li>
@ -260,9 +260,9 @@
</div>
</div>
<div class="line-separator">&nbsp;</div>
<div id="footer-spacer"></div>
<div id="footer">
<div class="line-separator">&nbsp;</div>
<p>If you found this project useful and want to help keep it alive, please <a href="https://ko-fi.com/cmdr2_stablediffusion_ui" target="_blank"><img src="/media/images/kofi.png" id="coffeeButton"></a> to help cover the cost of development and maintenance! Thank you for your support!</p>
<p>Please feel free to join the <a href="https://discord.com/invite/u9yhsFmEkB" target="_blank">discord community</a> or <a href="https://github.com/cmdr2/stable-diffusion-ui/issues" target="_blank">file an issue</a> if you have any problems or suggestions in using this interface.</p>
<div id="footer-legal">

View File

@ -66,12 +66,15 @@ label {
}
#footer {
font-size: small;
padding-left: 10pt;
padding: 10pt;
background: none;
}
#footer-legal {
font-size: 8pt;
}
#footer-spacer {
flex: 1
}
.imgSeedLabel {
font-size: 0.8em;
background-color: var(--background-color2);
@ -104,8 +107,11 @@ label {
margin-bottom: 7px;
}
#container {
min-height: 100vh;
width: 100%;
margin: 0px;
display: flex;
flex-direction: column;
}
#logo small {
font-size: 11pt;
@ -315,7 +321,11 @@ img {
padding-left: 5pt;
}
#community-links {
display: inline-block;
list-style-type: none;
text-align: left;
margin: auto;
padding: 0px;
}
#community-links li {
padding-bottom: 12pt;