FIX - correct iFruit auth styling

This commit is contained in:
Eichenholz
2026-08-04 19:05:05 +02:00
parent 5cd9ad2aa4
commit b1b0bbdc23
6 changed files with 17 additions and 6 deletions
+3
View File
@@ -0,0 +1,3 @@
export const IFRUIT_AUTH_INPUT_COLORS = {
outlineLabelBgIos: 'bg-black',
}
+3 -3
View File
@@ -283,11 +283,11 @@ const defaultLocales: LocaleTree = {
on: 'On',
off: 'Off',
accountName: 'iFruit Account',
accountDetail: 'Cloud, Mail & Notes',
accountDetail: 'Important Data & Cloud',
accountLocalDetail: 'Not signed in',
accountCloudDetail: 'Mail and notes sync through iFruit Cloud',
accountCloudDetail: 'Important data syncs through iFruit Cloud',
accountLoginBody:
'Sign in to keep your Mail and Notes. Without an iFruit Account, this data is lost with the phone.',
'Sign in to keep your important data safe. Without an iFruit Account, it will be lost with the phone.',
accountInformation: 'Account Information',
accountStatus: 'Account Status',
accountStatusValue: 'Active',
+4
View File
@@ -29,6 +29,7 @@ import {
} from 'lucide-vue-next'
import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
import { IFRUIT_AUTH_INPUT_COLORS } from '@/config/ifruit'
import { useMailStore } from '@/stores/mail'
import { useNotificationsStore } from '@/stores/notifications'
import { usePhoneStore } from '@/stores/phone'
@@ -400,6 +401,7 @@ onBeforeUnmount(() => {
<k-list class="bg-black">
<k-list-input
class="relative"
:colors="IFRUIT_AUTH_INPUT_COLORS"
:value="authEmail"
:label="
phone.t(
@@ -425,6 +427,7 @@ onBeforeUnmount(() => {
</k-list-input>
<k-list-input
type="password"
:colors="IFRUIT_AUTH_INPUT_COLORS"
:value="authPassword"
:label="phone.t('Apps.mail.password')"
outline
@@ -437,6 +440,7 @@ onBeforeUnmount(() => {
<k-list-input
v-if="authMode === 'register'"
type="password"
:colors="IFRUIT_AUTH_INPUT_COLORS"
:value="authConfirm"
:label="phone.t('Apps.mail.confirmPassword')"
outline
+4
View File
@@ -42,6 +42,7 @@ import {
import { PHONE_FRAME_IMAGES } from '@/config/appearance'
import { PHONE_APPS } from '@/config/apps'
import { IFRUIT_AUTH_INPUT_COLORS } from '@/config/ifruit'
import { usePhoneStore } from '@/stores/phone'
import { useAccountStore } from '@/stores/account'
import type { PhoneAppDefinition, PhoneAppId } from '@/types/apps'
@@ -481,6 +482,7 @@ onBeforeUnmount(() => {
<k-list class="bg-black">
<k-list-input
class="relative"
:colors="IFRUIT_AUTH_INPUT_COLORS"
:value="accountEmail"
:label="
phone.t(
@@ -508,6 +510,7 @@ onBeforeUnmount(() => {
</k-list-input>
<k-list-input
type="password"
:colors="IFRUIT_AUTH_INPUT_COLORS"
:value="accountPassword"
:label="phone.t('Apps.mail.password')"
outline
@@ -520,6 +523,7 @@ onBeforeUnmount(() => {
<k-list-input
v-if="accountMode === 'register'"
type="password"
:colors="IFRUIT_AUTH_INPUT_COLORS"
:value="accountConfirm"
:label="phone.t('Apps.mail.confirmPassword')"
outline
+2 -2
View File
@@ -117,8 +117,8 @@ Locales["en"] = {
settings = {
name = "Settings", searchPlaceholder = "Search", airplaneMode = "Airplane Mode", streamerMode = "Streamer Mode",
wallpaper = "Wallpaper", on = "On", off = "Off", accountName = "iFruit Account",
accountDetail = "Cloud, Mail & Notes", accountLocalDetail = "Not signed in",
accountCloudDetail = "Mail and notes sync through iFruit Cloud", accountLoginBody = "Sign in to keep your Mail and Notes. Without an iFruit Account, this data is lost with the phone.",
accountDetail = "Important Data & Cloud", accountLocalDetail = "Not signed in",
accountCloudDetail = "Important data syncs through iFruit Cloud", accountLoginBody = "Sign in to keep your important data safe. Without an iFruit Account, it will be lost with the phone.",
accountInformation = "Account Information", accountStatus = "Account Status", accountStatusValue = "Active",
accountStorage = "Cloud Storage", accountStorageValue = "On Device", accountPurchases = "Media & Purchases",
accountPurchasesValue = "Available", notifications = "Notifications", sounds = "Sounds & Haptics",
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sky Phone</title>
<script type="module" crossorigin src="./assets/sky-index-BgUSnAVU.js"></script>
<script type="module" crossorigin src="./assets/sky-index-CQTHKAXi.js"></script>
<link rel="stylesheet" crossorigin href="./assets/sky-index-CsEJ7-yo.css">
</head>
<body>