itube-specs 0.0.833 → 0.0.835

package/components/auth/icon.vue

@@ -33,10 +33,8 @@ withDefaults(defineProps<{
 }
 
 .auth-icon__icon {
-  --size: 32px;
-
-  width: var(--size);
-  height: var(--size);
+  width: $popup-auth-size;
+  height: $popup-auth-size;
   color: $popup-auth-icon;
 }
 </style>

package/components/auth/register.vue

@@ -234,7 +234,7 @@ async function submit() {
 }
 
 .auth-register .ui-input:nth-last-child(1 of .ui-input) {
-  padding-bottom: 12px;
+  padding-bottom: 16px;
 }
 
 .auth-register__login {

package/components/layout/footer-language.vue

@@ -110,6 +110,7 @@ const handleSwitch = (newLocale: string) => {
   width: 192px;
   border: 1px solid $footer-language-menu-border;
   background-color: $footer-language-menu-bg;
+  overflow: hidden;
 }
 
 .layout-footer-language__menu-item {

package/components/layout/language.vue

@@ -327,7 +327,9 @@ function changeCountry(item: ISelectItem) {
 }
 
 .layout-language__details:not(:last-child) {
-  margin-bottom: 12px;
+  @include to-br(sm) {
+    margin-bottom: 12px;
+  }
 }
 
 .layout-language__details[open] .layout-language__angle {

package/components/layout/nav.vue

@@ -85,6 +85,7 @@ function isCurrent(link: string) {
     justify-content: center;
     gap: 8px;
     background-color: $nav-container-bg;
+    border-bottom: 1px solid $nav-container-border;
   }
 
   .layout-nav__item {
@@ -98,7 +99,7 @@ function isCurrent(link: string) {
     color: $nav-text;
     border-radius: $radius-full;
     border-color: $nav-border;
-    font-weight: 400;
+    font-weight: $nav-font-weight;
 
     @include hover(background-color) {
       background-color: $nav-bg--hover;

package/components/player/menu.vue

@@ -52,8 +52,8 @@
           >
             <span class="player-menu__label">{{ entry.label }}</span>
             <UiToggle
-              :model-value="entry.toggle.value"
-              @update:model-value="entry.toggle.set(!!$event)"
+              :model-value="toggleOverrides[entry.key] ?? entry.toggle.value"
+              @update:model-value="setToggle(entry, !!$event)"
             />
           </div>
           <button
@@ -188,10 +188,23 @@ const open = defineModel<boolean>('open', { required: true });
 // Стек дрилла «Настройки → опция». Сбрасываем на каждый новый запрос (плеер эмитит
 // menurequest на каждое нажатие кнопки — открываем корень меню заново).
 const drill = shallowRef<Drill | null>(null);
+
+// Плеер отдаёт toggle.value разовым снимком и НЕ переэмитит menurequest на
+// переключение — держим локальный оверрайд, чтобы тумблер сразу двигался.
+// Сбрасываем на каждый новый запрос (свежие значения из плеера).
+const toggleOverrides = reactive<Record<string, boolean>>({});
+
 watch(() => props.request, () => {
   drill.value = null;
+  for (const key in toggleOverrides) delete toggleOverrides[key];
 });
 
+function setToggle(entry: SettingsEntry, on: boolean): void {
+  if (!entry.toggle) return;
+  entry.toggle.set(on);
+  toggleOverrides[entry.key] = on;
+}
+
 // select у плеера сам делает setRate/seek/play и шлёт свои события — руками ничего не
 // дёргаем, просто закрываем шторку.
 function pick(select: (value: string) => void, value: string): void {

package/components/ui/input.vue

@@ -300,6 +300,7 @@ const normalizedValue = computed(() => {
 .ui-input__button-icon {
   width: 20px;
   height: 20px;
+  color: $input-icon;
 
   @include from-br(sm) {
     transition: var(--transition) color;
@@ -338,6 +339,7 @@ const normalizedValue = computed(() => {
 .ui-input.ui-input--s .ui-input__input {
   padding: 8px 16px;
   background-color: $input-s-bg;
+  border: 1px solid $input-s-border;
 
   @include from-br(sm) {
     @include font-sm;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.833",
+  "version": "0.0.835",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {