fix: layout issue with android instruction in mobile screen

This commit is contained in:
鲁树人
2025-10-15 22:08:51 +09:00
parent dfac382cbd
commit 48f10e8e30
3 changed files with 12 additions and 12 deletions

View File

@@ -9,10 +9,10 @@ export function RootExplorerGuide() {
<div className="flex flex-col items-start gap-4 @md:flex-row"> <div className="flex flex-col items-start gap-4 @md:flex-row">
<div> <div>
<Header5 className="[&]:mt-0 [&]:pt-0">Amaze </Header5> <Header5 className="[&]:mt-0 [&]:pt-0">Amaze </Header5>
<ul className="ml-2 list-disc list-inside"> <ul className="ml-2 list-disc">
<li> <li>
<div className="inline-flex items-center gap-1"> <div className="inline-flex items-center flex-wrap">
<FiMenu /> <FiMenu className="m-1" />
</div> </div>
</li> </li>
<li> <li>
@@ -41,16 +41,16 @@ export function RootExplorerGuide() {
</div> </div>
<div> <div>
<Header5 className="[&]:mt-0 [&]:pt-0">MT </Header5> <Header5 className="[&]:mt-0 [&]:pt-0">MT </Header5>
<ul className="ml-2 list-disc list-inside"> <ul className="ml-2 list-disc">
<li> <li>
<div className="inline-flex items-center gap-1"> <div className="inline-flex items-center flex-wrap">
<FiMenu /> <FiMenu className="m-1" />
</div> </div>
</li> </li>
<li> <li>
<div className="inline-flex items-center"> <div className="inline-flex items-center flex-wrap">
<FiMoreVertical className="ml-1" /> <FiMoreVertical className="ml-1" />
<VQuote></VQuote> <VQuote></VQuote>
</div> </div>
</li> </li>
<li> <li>

View File

@@ -5,7 +5,7 @@ export function Footer() {
const appVersionShort = '__APP_VERSION_SHORT__'; const appVersionShort = '__APP_VERSION_SHORT__';
return ( return (
<footer className="flex flex-col text-center p-4 bg-base-200"> <footer className="flex flex-col text-center p-4 bg-base-200">
<p className="flex flex-row justify-center items-center h-[1em]"> <div className="flex flex-row justify-center items-center h-[1em]">
<a className="link link-info mr-1" href="https://git.um-react.app/um/um-react"> <a className="link link-info mr-1" href="https://git.um-react.app/um/um-react">
</a> </a>
@@ -19,7 +19,7 @@ export function Footer() {
</a> </a>
, v{appVersionShort} , v{appVersionShort}
<SDKVersion />) <SDKVersion />)
</p> </div>
<p> <p>
{'© 2019 - '} {'© 2019 - '}
<CurrentYear /> <CurrentYear />

View File

@@ -16,7 +16,7 @@ export function OtherFAQ() {
<div className="flex flex-col md:flex-row gap-2 md:gap-8"> <div className="flex flex-col md:flex-row gap-2 md:gap-8">
<div> <div>
<Header4></Header4> <Header4></Header4>
<ul className="list-disc list-inside pl-2"> <ul className="list-disc pl-8">
<li>Via </li> <li>Via </li>
<li></li> <li></li>
<li>UC </li> <li>UC </li>
@@ -25,7 +25,7 @@ export function OtherFAQ() {
<div> <div>
<Header4></Header4> <Header4></Header4>
<ul className="list-disc list-inside pl-2"> <ul className="list-disc pl-8">
<li></li> <li></li>
<li></li> <li></li>
<li></li> <li></li>