starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 09:13:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX - refine app authentication layouts

Browse Source
This commit is contained in:
smx.pusha
2026-08-13 10:16:55 +02:00
parent 0d23169a9c
commit a814979d4b
4 changed files with 40 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/account/AppProfileAuth.vue
+24 -1
View File
@@ -77,12 +77,20 @@ const canSubmit = computed(() => {
<k-glass class="app-profile-auth__card">
<k-segmented raised class="app-profile-auth__mode">
<k-segmented-button
class="app-profile-auth__mode-button app-profile-auth__mode-button--login"
:class="{
'app-profile-auth__mode-button--active': mode === 'login',
}"
:active="mode === 'login'"
@click="emit('update:mode', 'login')"
>
{{ loginLabel }}
</k-segmented-button>
<k-segmented-button
class="app-profile-auth__mode-button app-profile-auth__mode-button--register"
:class="{
'app-profile-auth__mode-button--active': mode === 'register',
}"
:active="mode === 'register'"
@click="emit('update:mode', 'register')"
>
@@ -158,7 +166,7 @@ const canSubmit = computed(() => {
.app-profile-auth {
width: 100%;
max-width: 320px;
margin: auto;
margin: 0 auto;
padding: 12px 4px 18px;
color: inherit;
text-align: center;
@@ -238,6 +246,21 @@ const canSubmit = computed(() => {
border-radius: 14px;
background: rgba(0, 0, 0, 0.16);
}
.app-profile-auth__mode :deep(.app-profile-auth__mode-button) {
border-radius: 3px;
}
.app-profile-auth__mode
:deep(
.app-profile-auth__mode-button--login.app-profile-auth__mode-button--active
) {
border-radius: 10px 3px 3px 10px;
}
.app-profile-auth__mode
:deep(
.app-profile-auth__mode-button--register.app-profile-auth__mode-button--active
) {
border-radius: 3px 10px 10px 3px;
}
.app-profile-auth__photo {
display: flex;
align-items: center;