Visual edit in Lovable

Edited UI in Lovable

src/components/AppVersionInfo.tsx

@@ -1,14 +1,11 @@
-
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { getAppVersionInfo, isAndroidPlatform } from '@/utils/platform';
 import { Label } from '@/components/ui/label';
-
 interface AppVersionInfoProps {
   className?: string;
   showDevInfo?: boolean;
   editable?: boolean;
 }
-
 const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
   className,
   showDevInfo = true,
@@ -104,7 +101,6 @@ const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
       }
     }
   }, [fetchVersionInfo, error, loading, editable]);
-  
   if (editable) {
     return <div className={className}>
         <div className="space-y-3">
@@ -121,35 +117,23 @@ const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
           </div>
           
           <div className="mt-[70px] text-center">
-            <p className="text-sm text-gray-400 font-semibold">ZELLYY CLOUD</p>
+            <p className="text-gray-400 font-semibold text-lg my-[70px]">ZELLYY CLOUD</p>
           </div>
         </div>
       </div>;
   }
-  
-  return (
-    <div className={className}>
-      {loading ? (
-        <div className="py-1 text-center">
+  return <div className={className}>
+      {loading ? <div className="py-1 text-center">
           <p className="text-sm text-gray-400 animate-pulse">버전 정보 로딩 중...</p>
-        </div>
-      ) : error ? (
-        <div className="py-1 text-center">
+        </div> : error ? <div className="py-1 text-center">
           <p className="text-sm text-red-500">빌드 정보 로딩 오류</p>
           <button onClick={handleRetry} className="text-xs text-blue-500 underline mt-1 px-2 py-0.5 rounded hover:bg-blue-50">
             재시도
           </button>
-        </div>
-      ) : (
-        <div className="py-1 text-center">
+        </div> : <div className="py-1 text-center">
           <p className="text-sm">{versionInfo.versionName} (build {versionInfo.buildNumber})</p>
-          {showDevInfo && versionInfo.versionCode && (
-            <p className="text-xs text-gray-400 mt-1 font-mono">versionCode: {versionInfo.versionCode}</p>
-          )}
-        </div>
-      )}
-    </div>
-  );
+          {showDevInfo && versionInfo.versionCode && <p className="text-xs text-gray-400 mt-1 font-mono">versionCode: {versionInfo.versionCode}</p>}
+        </div>}
+    </div>;
 };
-
 export default AppVersionInfo;