Changed Show/Hide button and size for twitchchat

This commit is contained in:
GERBrowny 2023-03-27 16:24:38 +02:00
parent b887f8b7d4
commit d96d5a440e
1 changed files with 4 additions and 3 deletions

View File

@ -72,6 +72,7 @@ print('''<!DOCTYPE html>
button { width:100%;cursor:pointer;margin:0px;padding-top:10px;padding-bottom:10px;background-color:#eee;border:1px solid #888;border-radius:5px;text-align:center;line-height:150px;font-weight:bold;font-size:xx-large; }
#content { width:100%;margin-left:auto;margin-right:auto; }
div.status { text-align:center;background-color:#009bea;color:#fff;border:1px solid #888;border-radius:5px;width:99%;margin:5px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px; }
div.showhide { font-weight:bold;line-height:100px;text-align:center;background-color:#009bea;color:#fff;border:1px solid #888;border-radius:5px;width:99%;margin:5px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px; }
div.stream { width:99%;margin:5px;margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:25px; }
div.audio { width:99%;margin:5px;margin-left:auto;margin-right:auto; }
div.scene { width:99%;margin:5px;margin-left:auto;margin-right:auto; }
@ -112,14 +113,14 @@ if connected:
if channel:
print('<div id="chat">')
print(' <iframe id="twitchchat" scrolling="0" frameborder="0" src="https://www.twitch.tv/embed/{0}/chat?parent={1}" height="850px" width="100%"></iframe>'.format(str(channel), str(twitch_parent)))
print(' <div class="status" onClick="$(\'#twitchchat\').fadeToggle(\'slow\', \'linear\');">Show/Hide chat</div>')
print(' <iframe id="twitchchat" scrolling="0" frameborder="0" src="https://www.twitch.tv/embed/{0}/chat?parent={1}" height="1100px" width="100%"></iframe>'.format(str(channel), str(twitch_parent)))
print(' <div class="showhide" onClick="$(\'#twitchchat\').fadeToggle(\'slow\', \'linear\');">Show/Hide chat</div>')
print('</div>')
if tts:
print('<div id="tts">')
print(' <iframe id="ttsframe" style="display:none;" scrolling="0" frameborder="0" src="{0}" height="250px" width="100%"></iframe>'.format(str(tts_url)))
print(' <div class="status" onClick="$(\'#ttsframe\').fadeToggle(\'slow\', \'linear\');">Show/Hide TTS</div>')
print(' <div class="showhide" onClick="$(\'#ttsframe\').fadeToggle(\'slow\', \'linear\');">Show/Hide TTS</div>')
print('</div>')
print('<div id="stream">')