mirror of
https://github.com/exzork/gc-tools.git
synced 2024-11-22 07:08:12 +00:00
change layout on mobile
This commit is contained in:
parent
d4641331c1
commit
5273ce37d3
@ -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">
|
||||||
|
@ -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"
|
||||||
|
Loading…
Reference in New Issue
Block a user