diff --git a/.config/ags/modules/.commonwidgets/tabcontainer.js b/.config/ags/modules/.commonwidgets/tabcontainer.js index c643e052a..f7f7f55e5 100644 --- a/.config/ags/modules/.commonwidgets/tabcontainer.js +++ b/.config/ags/modules/.commonwidgets/tabcontainer.js @@ -97,7 +97,7 @@ export const TabContainer = ({ icons, names, children, className = '', setup = ( export const IconTabContainer = ({ iconWidgets, names, children, className = '', setup = () => { }, onChange = () => { }, - tabsHpack = 'center', + tabsHpack = 'center', tabSwitcherClassName = '', ...rest }) => { const shownIndex = Variable(0); @@ -106,7 +106,7 @@ export const IconTabContainer = ({ const tabs = Box({ homogeneous: true, hpack: tabsHpack, - className: 'spacing-h-5', + className: `spacing-h-5 ${tabSwitcherClassName}`, children: iconWidgets.map((icon, i) => Button({ className: 'tab-icon', tooltipText: names[i], diff --git a/.config/ags/modules/sideleft/apiwidgets.js b/.config/ags/modules/sideleft/apiwidgets.js index 7f1c5ce93..9cf931a9d 100644 --- a/.config/ags/modules/sideleft/apiwidgets.js +++ b/.config/ags/modules/sideleft/apiwidgets.js @@ -180,6 +180,7 @@ const apiCommandStack = Stack({ }) export const apiContentStack = IconTabContainer({ + tabSwitcherClassName: 'sidebar-chat-apiswitcher', className: 'margin-top-5', iconWidgets: APIS.map((api) => api.tabIcon), names: APIS.map((api) => api.name), diff --git a/.config/ags/scss/_sidebars.scss b/.config/ags/scss/_sidebars.scss index f2b0cf608..c590b127c 100644 --- a/.config/ags/scss/_sidebars.scss +++ b/.config/ags/scss/_sidebars.scss @@ -492,6 +492,12 @@ $colorpicker_rounding: 0.341rem; padding: 0.341rem; } +.sidebar-chat-apiswitcher { + @include full-rounding; + @include group-padding; + background-color: $layer1; +} + .sidebar-chat-providerswitcher { @include small-rounding; padding: 0.477rem 0.682rem; @@ -780,7 +786,7 @@ $colorpicker_rounding: 0.341rem; } .sidebar-waifu-txt { - @include readingfont; + @include mainfont; } .sidebar-waifu-image {