diff --git a/javascript/black-teal-reimagined.css b/javascript/black-teal-reimagined.css index e5618c02c..94fccdea9 100644 --- a/javascript/black-teal-reimagined.css +++ b/javascript/black-teal-reimagined.css @@ -813,10 +813,18 @@ textarea[rows="1"] { background: var(--background-color); box-shadow: var(--shadow-md); border-radius: var(--radius-lg); + transform: translateX(100%); + animation: slideIn 0.5s forwards; overflow: hidden; /* Prevents overflow of content */ } +@keyframes slideIn { + to { + transform: translateX(0); + } +} + /* Extra Networks Styles */ .extra-networks { background: var(--background-color); @@ -1032,6 +1040,20 @@ textarea[rows="1"] { height: 100%; } +/* Token counters styling */ + +#txt2img_token_counter, #txt2img_negative_token_counter { + display: flex; + flex-direction: column; + justify-content: space-evenly; + padding: 10px; +} + +#txt2img_prompt_container { + margin: 5px; + padding: 0px; +} + /* Based on Gradio Built-in Dark Theme */ :root, .light,