Format alphabet.tsx
This commit is contained in:
1 file changed
+19
-5
+19
-5
@@ -62,17 +62,31 @@ function App () {
|
|||||||
return (
|
return (
|
||||||
<div className='flex flex-col items-center h-full'>
|
<div className='flex flex-col items-center h-full'>
|
||||||
<button
|
<button
|
||||||
onClick={async () => window.location.pathname = "/"}
|
onClick={async () => (window.location.pathname = '/')}
|
||||||
className={`absolute top-0 right-0 ${platform() == 'android' || platform() == 'ios' ? 'm-10' : 'm-2'} z-50`}
|
className={`absolute top-0 right-0 ${
|
||||||
|
platform() == 'android' || platform() == 'ios' ? 'm-10' : 'm-2'
|
||||||
|
} z-50`}
|
||||||
style={{
|
style={{
|
||||||
display: ["windows", "macos", "linux"].includes(platform()) ? 'none' : 'block'
|
display: ['windows', 'macos', 'linux'].includes(platform())
|
||||||
|
? 'none'
|
||||||
|
: 'block'
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Back
|
Back
|
||||||
</button>
|
</button>
|
||||||
<p className={`text-center text-3xl ${platform() == 'android' || platform() == 'ios' ? 'mt-20' : 'm-10'} mb-6`}>SeSe LuLu Alphabet</p>
|
<p
|
||||||
|
className={`text-center text-3xl ${
|
||||||
|
platform() == 'android' || platform() == 'ios' ? 'mt-20' : 'm-10'
|
||||||
|
} mb-6`}
|
||||||
|
>
|
||||||
|
SeSe LuLu Alphabet
|
||||||
|
</p>
|
||||||
<p>Format is "English: SeSe LuLu"</p>
|
<p>Format is "English: SeSe LuLu"</p>
|
||||||
<div className={`${platform() == 'android' || platform() == 'ios' ? 'mb-14' : 'mb-6'} mt-2 select-text text-center`}>
|
<div
|
||||||
|
className={`${
|
||||||
|
platform() == 'android' || platform() == 'ios' ? 'mb-14' : 'mb-6'
|
||||||
|
} mt-2 select-text text-center`}
|
||||||
|
>
|
||||||
{Object.entries(map).map(([key, value]) => (
|
{Object.entries(map).map(([key, value]) => (
|
||||||
<p key={key}>
|
<p key={key}>
|
||||||
{key}: {value}
|
{key}: {value}
|
||||||
|
|||||||
Reference in new issue
Block a user