change layout on mobile

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

View File

@ -252,7 +252,7 @@ export default function Artifacts() {
{t('sub_stats')} {t('sub_stats')}
</label> </label>
<div <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) => { {Object.keys(affixesValues).map((key, index) => {
return ( return (
<div key={index} className="flex items-center mt-1"> <div key={index} className="flex items-center mt-1">

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