diff --git a/extensions-builtin/sdnext-modernui b/extensions-builtin/sdnext-modernui index 3008cee4b..f083ce41a 160000 --- a/extensions-builtin/sdnext-modernui +++ b/extensions-builtin/sdnext-modernui @@ -1 +1 @@ -Subproject commit 3008cee4b67bb00f8f1a4fe4510ec27ba92aa418 +Subproject commit f083ce41a9f18b500f26745ea9e86855e509d2cb diff --git a/javascript/black-teal-reimagined.css b/javascript/black-teal-reimagined.css index 9e7d357a4..eb6942b8c 100644 --- a/javascript/black-teal-reimagined.css +++ b/javascript/black-teal-reimagined.css @@ -216,6 +216,7 @@ input[type='range']::-moz-range-track { ::-webkit-scrollbar-track { background: var(--scrollbar-bg); + border-radius: var(--radius-lg); } ::-webkit-scrollbar-thumb { @@ -234,11 +235,14 @@ input[type='range']::-moz-range-track { /* Center items vertically */ background: var(--background-color); /* Background color */ - border-bottom: 3px solid var(--highlight-color) !important; + border-bottom: 1px dashed var(--highlight-color) !important; /* Bottom border for separation */ box-shadow: var(--shadow-md); /* Shadow for depth */ margin-bottom: 5px; + /* Add some space between the tab nav and the content */ + padding-bottom: 5px; + /* Add space between buttons and border */ } /* Individual Tab Styles */ @@ -395,6 +399,7 @@ div.form { border-bottom: 3px solid var(--highlight-color); padding: 3px; border-radius: var(--radius-md); + margin: 1px; } /* Gradio Style Classes */ @@ -772,12 +777,6 @@ svg.feather.feather-image, /* Extra Networks Container */ #extra_networks_root { - width: 300px; - /* Set a fixed width for the sidebar */ - position: absolute; - height: auto; - right: 0; - top: 13em; z-index: 100; background: var(--background-color); box-shadow: var(--shadow-md); @@ -797,15 +796,6 @@ svg.feather.feather-image, /* Extra Networks Styles */ .extra-networks { background: var(--background-color); - padding: var(--block-label-padding); - border-radius: var(--radius-lg); -} - -/* Extra Networks Div Styles */ -.extra-networks>div { - margin: 0; - border-bottom: none !important; - gap: 0.3em 0; } .extra-networks .tab-nav>button:hover { @@ -822,32 +812,10 @@ svg.feather.feather-image, margin-top: 50px; } -/* Individual Buttons */ -.extra-networks .buttons>button { - margin-left: -0.2em; - height: 1.4em; - color: var(--primary-300) !important; - font-size: 20px !important; - background: var(--button-primary-background-fill); - border: none; - border-radius: var(--radius-sm); - transition: var(--transition); -} - .extra-networks .buttons>button:hover { background: var(--highlight-color); } -/* Subdirectories Styles */ -.extra-network-subdirs { - background: var(--input-background-fill); - overflow-x: hidden; - overflow-y: auto; - min-width: 120px; - padding-top: 0.5em; - margin-top: -4px !important; -} - /* Extra Networks Page */ .extra-networks-page { display: flex;