AI/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2024-09-20 00:07:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix gpt4chan styles that were broken by gradio 3.18.0

Browse Source
This commit is contained in:
oobabooga 2023-02-17 22:47:41 -03:00
parent 0dd41e4830
commit 2fd003c044
2 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
modules/html_generator.py
View File

@ -53,11 +53,12 @@ def process_post(post, c):
def generate_4chan_html(f): def generate_4chan_html(f):
css = """ css = """
#container {
#parent #container {
background-color: #eef2ff; background-color: #eef2ff;
padding: 17px; padding: 17px;
} }
.reply { #parent #container .reply {
background-color: rgb(214, 218, 240); background-color: rgb(214, 218, 240);
border-bottom-color: rgb(183, 197, 217); border-bottom-color: rgb(183, 197, 217);
border-bottom-style: solid; border-bottom-style: solid;
@ -92,14 +93,14 @@ def generate_4chan_html(f):
padding-top: 2px; padding-top: 2px;
} }
.number { #parent #container .number {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
font-family: arial, helvetica, sans-serif; font-family: arial, helvetica, sans-serif;
font-size: 13.3333px; font-size: 13.3333px;
width: 342.65px; width: 342.65px;
} }
.op { #parent #container .op {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
font-family: arial, helvetica, sans-serif; font-family: arial, helvetica, sans-serif;
font-size: 13.3333px; font-size: 13.3333px;
@ -111,11 +112,11 @@ def generate_4chan_html(f):
overflow-y: hidden; overflow-y: hidden;
} }
.op blockquote { #parent #container .op blockquote {
margin-left:7px; margin-left: 0px !important;
} }
.name { #parent #container .name {
color: rgb(17, 119, 67); color: rgb(17, 119, 67);
font-family: arial, helvetica, sans-serif; font-family: arial, helvetica, sans-serif;
font-size: 13.3333px; font-size: 13.3333px;
@ -123,7 +124,7 @@ def generate_4chan_html(f):
margin-left: 7px; margin-left: 7px;
} }
.quote { #parent #container .quote {
color: rgb(221, 0, 0); color: rgb(221, 0, 0);
font-family: arial, helvetica, sans-serif; font-family: arial, helvetica, sans-serif;
font-size: 13.3333px; font-size: 13.3333px;
@ -133,17 +134,27 @@ def generate_4chan_html(f):
text-decoration-thickness: auto; text-decoration-thickness: auto;
} }
.greentext { #parent #container .greentext {
color: rgb(120, 153, 34); color: rgb(120, 153, 34);
font-family: arial, helvetica, sans-serif; font-family: arial, helvetica, sans-serif;
font-size: 13.3333px; font-size: 13.3333px;
} }
blockquote { #parent #container blockquote {
margin: 0px !important;
margin-block-start: 1em; margin-block-start: 1em;
margin-block-end: 1em; margin-block-end: 1em;
margin-inline-start: 40px; margin-inline-start: 40px;
margin-inline-end: 40px; margin-inline-end: 40px;
margin-top: 13.33px !important;
margin-bottom: 13.33px !important;
margin-left: 40px !important;
margin-right: 40px !important;
}
#parent #container .message {
color: black;
border: none;
} }
""" """
@ -173,10 +184,10 @@ def generate_4chan_html(f):
posts[i] = f'<div class="reply">{posts[i]}</div>\n' posts[i] = f'<div class="reply">{posts[i]}</div>\n'
output = '' output = ''
output += f'<style>{css}</style><div id="container">' output += f'<style>{css}</style><div id="parent"><div id="container">'
for post in posts: for post in posts:
output += post output += post
output += '</div>' output += '</div></div>'
output = output.split('\n') output = output.split('\n')
for i in range(len(output)): for i in range(len(output)):
output[i] = re.sub(r'^(&gt;(.*?)(<br>|</div>))', r'<span class="greentext">\1</span>', output[i]) output[i] = re.sub(r'^(&gt;(.*?)(<br>|</div>))', r'<span class="greentext">\1</span>', output[i])

2
modules/ui.py
View File

@ -10,7 +10,7 @@ css = """
padding-top: 2.5rem padding-top: 2.5rem
} }
.dark #refresh-button { .dark #refresh-button {
background-color: #ffffff1f; background-color: rgb(55, 65, 81);
} }
#refresh-button { #refresh-button {
flex: none; flex: none;