FIX - refine app authentication layouts

frontend/src/components/account/AppProfileAuth.vue

@@ -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;

frontend/src/views/apps/CityMarktApp.vue

@@ -1042,7 +1042,7 @@ onMounted(async () => {
     :colors="{ bgIos: 'bg-transparent' }"
   >
     <k-navbar
-      v-if="screen === 'main' && onboardingReady"
+      v-if="screen === 'main' && onboardingReady && isAuthenticated"
       class="citymarkt-navbar"
       :subtitle="
         phone.t(
@@ -1059,7 +1059,11 @@ onMounted(async () => {
     />
 
     <div v-if="!onboardingReady" class="citymarkt__gate-loading">{{ phone.t('Common.loading') }}</div>
-    <section v-if="screen === 'main' && onboardingReady" class="citymarkt__content">
+    <section
+      v-if="screen === 'main' && onboardingReady"
+      class="citymarkt__content"
+      :class="{ 'citymarkt__content--auth': !isAuthenticated }"
+    >
       <template v-if="tab === 'discover' || tab === 'search'">
         <k-searchbar
           component="form"
@@ -2759,4 +2763,8 @@ onMounted(async () => {
   color: #171816;
   box-shadow: 0 4px 12px #00000030;
 }
+
+.citymarkt__content--auth {
+  padding: 68px 18px 34px;
+}
 </style>

frontend/src/views/apps/CrewLinkApp.vue

@@ -2238,6 +2238,7 @@ onBeforeUnmount(() => {
   --auth-accent: #20bde0;
   --panel: rgba(18, 39, 53, 0.92);
   padding: 60px 18px 30px;
+  justify-content: flex-start;
   color: #f3f8fb;
   background:
     radial-gradient(circle at 82% 8%, rgba(39, 217, 237, 0.2), transparent 34%),
@@ -2245,7 +2246,7 @@ onBeforeUnmount(() => {
   overflow-y: auto;
 }
 .crewlink-auth :deep(.app-profile-auth) {
-  margin: auto;
+  margin: 0 auto;
 }
 .crewlink-logo {
   width: 78px;

frontend/src/views/apps/LocalPagesApp.vue

@@ -1000,7 +1000,10 @@ onMounted(async () => {
                 </div>
               </k-glass>
             </template>
-            <k-glass class="pages__logout-glass">
+            <k-glass
+              v-if="!profileEditing && pages.profile?.exists"
+              class="pages__logout-glass"
+            >
               <button
                 type="button"
                 class="pages__logout"