extern/easydiffusion
1
0
Fork 1
mirror of https://github.com/easydiffusion/easydiffusion.git synced 2025-02-18 11:20:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/index.html
View File

@ -33,7 +33,7 @@
<span><i class="fa fa-gear icon"></i> Settings</span> <span><i class="fa fa-gear icon"></i> Settings</span>
</span> </span>
<span id="tab-about" class="tab"> <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> </span>
</div> </div>
</div> </div>
@ -228,7 +228,7 @@
</div> </div>
<div id="tab-content-about" class="tab-content"> <div id="tab-content-about" class="tab-content">
<div class="tab-content-inner"> <div class="tab-content-inner">
<h1>About</h1> <h1>Help & Community</h1>
<ul id="community-links"> <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://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> <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> </div>
<div class="line-separator">&nbsp;</div> <div id="footer-spacer"></div>
<div id="footer"> <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>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> <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"> <div id="footer-legal">

12
ui/media/css/main.css
View File

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