Remove login position selector, fix login card to bottom

src/components/base/LoginComponent.tsx

@@ -17,7 +17,7 @@ export default defineComponent({
 
     return () => (
       <div class={`block-${activeBlock.value?.id}`}>
-        <div class={`active-interface login-view login-view--${pageStore.loginPosition}`}>
+        <div class="active-interface login-view">
           <UserAvatar />
           <UserInput />
         </div>

src/components/base/settings/general/SettingsSelectors.tsx

@@ -7,7 +7,6 @@ import { useRouter } from 'vue-router'
 import AppSelector from '@/components/app/AppSelector'
 import AppSlider from '@/components/app/AppSlider'
 import { generateDesktopIcons, languageMap, setCSSVariable } from '@/utils/helper'
-import type { LoginPosition } from '@/models/page'
 
 export default defineComponent({
   name: 'SettingsSelectors',
@@ -23,29 +22,12 @@ export default defineComponent({
       pageStore.languages.map((lang) => ({ text: languageMap[lang] || lang, value: lang }))
     )
 
-    const menuPositionItems = computed(() =>
-      ['top', 'left', 'right', 'bottom', 'center'].map((word) => ({
-        value: word,
-        text: t(`settings.login-position.${word}`)
-      }))
-    )
-
-    const menuPositionValue = computed(() => ({
-      value: pageStore.loginPosition,
-      text: t(`settings.login-position.${pageStore.loginPosition}`)
-    }))
-
     const changeLanguage = (value: string) => {
       locale.value = value
       localStorage.setItem('language', value)
       pageStore.language = value
     }
 
-    const changeLoginPosition = (position: string) => {
-      localStorage.setItem('loginPosition', position)
-      pageStore.loginPosition = position as LoginPosition
-    }
-
     const changeDesktop = (value: string) => {
       appStore.saveStateApp({ key: 'desktop', value })
     }
@@ -64,12 +46,6 @@ export default defineComponent({
           modelValue={pageStore.language}
           onUpdate:modelValue={changeLanguage}
         />
-        <AppSelector
-          label={t('settings.login-position.about')}
-          items={menuPositionItems.value}
-          modelValue={menuPositionValue.value}
-          onUpdate:modelValue={changeLoginPosition}
-        />
         {!isViewThemeOnly.value && (
           <AppSelector
             label={t('settings.choice-desktop')}

src/locales/de.json

@@ -61,15 +61,6 @@
     "choice-themes": "Themen",
     "customize-theme": "Anpassen",
     "reset-settings": "Einstellungen zurücksetzen",
-    "login-position": {
-      "title": "Position",
-      "about": "Anmeldeposition auswählen",
-      "center": "zentrum",
-      "top": "top",
-      "left": "links",
-      "right": "richtig",
-      "bottom": "unten"
-    },
     "about": "Systemeinstellungen"
   }
 }

src/locales/en.json

@@ -77,15 +77,6 @@
     "customize-theme": "Customize",
     "change-theme": "Сhange theme",
     "reset-settings": "Reset settings",
-    "login-position": {
-      "title": "Position",
-      "about": "Choice login position",
-      "center": "center",
-      "top": "top",
-      "left": "left",
-      "right": "right",
-      "bottom": "bottom"
-    },
     "about": "Settings system"
   }
 }

src/locales/es.json

@@ -23,15 +23,6 @@
     "title": "configuración",
     "choice-language": "Idioma de elección",
     "language": "Idioma",
-    "login-position": {
-      "title": "Posición",
-      "about": "Elección de posición de inicio de sesión",
-      "center": "centro",
-      "top": "top",
-      "left": "izquierda",
-      "right": "bien",
-      "bottom": "fondo"
-    },
     "about": "Sistema de configuración"
   }
 }

src/locales/fr.json

@@ -23,15 +23,6 @@
     "title": "Paramètres",
     "choice-language": "Choix de la langue",
     "language": "Langue",
-    "login-position": {
-      "title": "Position",
-      "about": "Choix de la position de connexion",
-      "center": "centre",
-      "top": "haut",
-      "left": "gauche",
-      "right": "droite",
-      "bottom": "bas"
-    },
     "about": "Paramètres système"
   }
 }

src/locales/ru.json

@@ -73,15 +73,6 @@
     "customize-theme": "Настройка",
     "reset-settings": "Сбросить настройки",
     "change-theme": "Сменить тему",
-    "login-position": {
-      "title": "Положение",
-      "about": "Выбрать положение логина",
-      "center": "центр",
-      "top": "верх",
-      "left": "влево",
-      "right": "вправо",
-      "bottom": "вниз"
-    },
     "about": "Настройки системы"
   }
 }

src/models/page.ts

@@ -1,5 +1,4 @@
 export type InteractiveBlockIds = 'login' | 'settings'
-export type LoginPosition = 'top' | 'left' | 'right' | 'bottom' | 'center'
 
 export interface InteractiveBlock {
   id: InteractiveBlockIds;

src/store/page.ts

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { useAppStore } from '@/store/app'
-import type { InteractiveBlock, InteractiveBlockIds, AppMenu, LoginPosition, AppMenuMain, DialogInterface } from '@/models/page'
+import type { InteractiveBlock, InteractiveBlockIds, AppMenu, AppMenuMain, DialogInterface } from '@/models/page'
 
 export const usePageStore = defineStore('page', {
   state: () => ({
@@ -13,7 +13,6 @@ export const usePageStore = defineStore('page', {
 
     mainTabIndex: 0,
     language: '',
-    loginPosition: 'center' as LoginPosition,
     languages: [] as string[],
     activeBlocks: [] as InteractiveBlock[],
     interactiveBlocks: [

src/style/components/login.styl

@@ -24,16 +24,7 @@
   min-width var(--login-width)
   height 230px
   z-index 10
-  &.login-view--center
-    transform translate(calc(var(--half-width) - 50%), calc(var(--half-height) - 50%))
-  &.login-view--top
-    transform translate(calc(var(--half-width) - 50%), calc(var(--gap) + var(--height-bar)))
-  &.login-view--right
-    transform translate(calc(100vw - 100% - 12px), calc(var(--half-height) - 50%))
-  &.login-view--bottom
-    transform translate(calc(var(--half-width) - 50%), calc(100vh - 100% - 12px))
-  &.login-view--left
-    transform translate(12px, calc(var(--half-height) - 50%))
+  transform translate(calc(var(--half-width) - 50%), calc(100vh - 100% - 12px))
 
   .slash
     stroke-dasharray 29

src/views/Home.tsx

@@ -43,7 +43,6 @@ export default defineComponent({
     locale.value = language
     pageStore.language = language
     pageStore.languages = ['ru', 'en', 'fr', 'de', 'es']
-    pageStore.loginPosition = (localStorage.getItem('loginPosition') as any) || 'center'
     pageStore.openBlock({ id: 'login' })
 
     onMounted(() => {