Center align app version info

Center align the app version and description text in the settings page.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-21 13:17:30 +00:00
parent e7352123c4
commit 51bcdf2d05
3 changed files with 12 additions and 11 deletions

View File

@@ -1,3 +1,4 @@
import React, { useCallback, useEffect, useState, useRef } from 'react';
import { getAppVersionInfo, isAndroidPlatform } from '@/utils/platform';
import { Label } from '@/components/ui/label';
@@ -105,15 +106,15 @@ const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
return <div className={className}>
<div className="space-y-3">
<div>
<Label htmlFor="versionName" className="text-gray-600"> </Label>
<div className="p-2 text-base mt-1 py-0">
<Label htmlFor="versionName" className="text-gray-600 text-center block"> </Label>
<div className="p-2 text-base mt-1 py-0 text-center">
{editableVersionName} (build {editableBuildNumber})
</div>
</div>
<div>
<Label htmlFor="notes" className="text-gray-600"> </Label>
<div className="p-2 text-base mt-1 py-0">The first build</div>
<Label htmlFor="notes" className="text-gray-600 text-center block"> </Label>
<div className="p-2 text-base mt-1 py-0 text-center">The first build</div>
</div>
<div className="mt-[70px] text-center">
@@ -136,4 +137,4 @@ const AppVersionInfo: React.FC<AppVersionInfoProps> = ({
</div>}
</div>;
};
export default AppVersionInfo;
export default AppVersionInfo;