Grasscutters/gc-tools
2
0
Fork 0
mirror of https://github.com/exzork/gc-tools.git synced 2024-11-21 22:58:25 +00:00
Code Issues Projects Releases Wiki Activity

change layout on mobile

Browse Source
This commit is contained in:
muhammadeko 2022-05-16 20:41:01 +07:00
parent d4641331c1
commit 5273ce37d3
No known key found for this signature in database
GPG Key ID: 51366716C10E98B1
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/pages/Artifacts.tsx
View File

@ -252,7 +252,7 @@ export default function Artifacts() {
{t('sub_stats')}
</label>
<div
className="mt-1 sm:mt-0 sm:col-span-2 h-48 overflow-auto grid gap-x-10 gap-y-2 grid-cols-2">
className="mt-1 sm:mt-0 sm:col-span-2 h-48 overflow-auto block md:grid md:gap-x-4 md:gap-y-2 md:grid-cols-2">
{Object.keys(affixesValues).map((key, index) => {
return (
<div key={index} className="flex items-center mt-1">

4
src/components/pages/GCAuth.tsx
View File

@ -259,7 +259,7 @@ export default function GCAuth() {
className="bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded-md">Check
</button>
</div>
<div className="grid grid-cols-3 gap-4">
<div className="grid grid-cols-2 gap-2 md:grid-cols-3 md:gap-4 justify-center">
<div className="col-span-1">
<form className="mt-3 h-full flex flex-col" onSubmit={handleLogin}>
<h3 className="text-lg font-medium text-gray-900 text-center">Login</h3>
@ -293,7 +293,7 @@ export default function GCAuth() {
</button>
</form>
</div>
<div className="col-span-1">
<div className="col-span-2 md:col-span-1">
<form className="mt-3 h-full flex flex-col" onSubmit={handleChangePassword}>
<h3 className="text-lg font-medium text-gray-900 text-center">Change Password</h3>
<input type="text" placeholder="Username"