diff --git a/public/css/mobile-styles.css b/public/css/mobile-styles.css index 3156e9207..c5e4eb1a7 100644 --- a/public/css/mobile-styles.css +++ b/public/css/mobile-styles.css @@ -208,6 +208,7 @@ #cfgConfig, #logprobsViewer, #movingDivs > div { + /* 100vh are fallback units for browsers that don't support svh */ height: calc(100vh - 45px); height: calc(100svh - 45px); min-width: 100% !important; @@ -223,6 +224,10 @@ backdrop-filter: blur(calc(var(--SmartThemeBlurStrength) * 2)); } + #right-nav-panel { + padding-right: 15px; + } + #floatingPrompt, #cfgConfig, #logprobsViewer, diff --git a/public/css/tags.css b/public/css/tags.css index 8c25eb1dd..11806c69a 100644 --- a/public/css/tags.css +++ b/public/css/tags.css @@ -99,7 +99,7 @@ #bulkTagsList, #tagList.tags { - margin: 2px 0; + margin: 5px 0; } #bulkTagsList, diff --git a/public/index.html b/public/index.html index 0e1fcc6fd..6f59ebf77 100644 --- a/public/index.html +++ b/public/index.html @@ -4154,7 +4154,7 @@
-
+

@@ -4191,76 +4191,74 @@ Tokens: counting... -
- -
-
-
-
- - - - - - - - - - - - - -
-

diff --git a/public/style.css b/public/style.css index 2ff9ef394..8baa0c879 100644 --- a/public/style.css +++ b/public/style.css @@ -985,9 +985,7 @@ body.reduced-motion #bg_custom { } .avatars_inline .avatar { - margin-top: calc(var(--avatar-base-border-radius)); - margin-left: calc(var(--avatar-base-border-radius)); - margin-bottom: calc(var(--avatar-base-border-radius)); + margin: calc(var(--avatar-base-border-radius)); } .avatars_inline .avatar:last-of-type { @@ -1100,8 +1098,8 @@ select { @media screen and (min-width: 1001px) { #description_textarea { - height: 30vh; - height: 30svh; + height: 29vh; + height: 29svh; } #firstmessage_textarea { @@ -1188,7 +1186,7 @@ input[type="file"] { #right-nav-panel-tabs { display: flex; align-items: center; - gap: 10px; + gap: 5px; overflow: hidden; width: 100%; } @@ -1198,7 +1196,7 @@ input[type="file"] { align-items: center; flex-wrap: wrap; gap: 10px; - padding: 0 5px; + padding: 0px 10px 0px 5px; } #right-nav-panel-tabs .right_menu_button, @@ -1652,6 +1650,7 @@ input[type=search]:focus::-webkit-search-cancel-button { .missing-avatar.inline_avatar { padding: unset; border-radius: var(--avatar-base-border-radius-round); + width: fit-content; } /*applies to char list and mes_text char display name*/ @@ -2000,6 +1999,19 @@ grammarly-extension { justify-content: center; align-items: center; align-self: center !important; + width: 100%; + height: 100%; + /* Avoids cutting off the box shadow on the avatar*/ + margin: 10px; +} + +#avatar_controls { + height: 100%; + width: 100%; + flex-grow: 1; + justify-content: flex-end; + flex-flow: column; + padding: 5px 5px 10px 0; } #description_div, @@ -2210,11 +2222,11 @@ grammarly-extension { font-weight: bold; padding: 5px; margin: 0; - height: 26px; filter: grayscale(0.5); text-align: center; font-size: 17px; aspect-ratio: 1 / 1; + flex: 0.075; } .menu_button:hover, @@ -2633,7 +2645,11 @@ input[type="range"]::-webkit-slider-thumb { color: var(--SmartThemeBodyColor); } -#char-management-dropdown, +#char-management-dropdown { + height: 100%; + margin-bottom: 0; +} + #tagInput { height: 26px; margin-bottom: 0;