Fixup settings for mobile and niceness

This commit is contained in:
MotorTruck1221 2023-12-27 03:31:32 -07:00
parent 38a4e86eff
commit 76163c96d3
3 changed files with 4 additions and 4 deletions

View file

@ -10,7 +10,7 @@ const Customization = ({ id, active }) => (
animate={active ? "active" : "inactive"} animate={active ? "active" : "inactive"}
initial="inactive" initial="inactive"
> >
<motion.div variants={settingsPageVariant} className="content-card"> <motion.div variants={settingsPageVariant} className="content-card text-center w-full flex flex-col justify-center items-center">
<img src="/comingsoonsnake.png" class="h-72 w-72"></img> <img src="/comingsoonsnake.png" class="h-72 w-72"></img>
<h1 class="font-roboto text-3xl">Coming soon!</h1> <h1 class="font-roboto text-3xl">Coming soon!</h1>
</motion.div> </motion.div>

View file

@ -23,7 +23,7 @@ const Misc = ({ id, active }) => {
> >
<motion.div <motion.div
variants={settingsPageVariant} variants={settingsPageVariant}
className="content-card flex flex-row flex-wrap justify-around" className="content-card flex flex-row flex-wrap justify-center w-full gap-4"
> >
<div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center"> <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
<div class="text-3xl">{t("settings.languages.title")}</div> <div class="text-3xl">{t("settings.languages.title")}</div>

View file

@ -10,8 +10,8 @@ const TabSettings = ({ id, active }) => (
animate={active ? "active" : "inactive"} animate={active ? "active" : "inactive"}
initial="inactive" initial="inactive"
> >
<motion.div variants={settingsPageVariant} className="content-card"> <motion.div variants={settingsPageVariant} className="content-card text-center w-full flex flex-col justify-center items-center">
<img src="/comingsoonsnake.png" class="h-72"></img> <img src="/comingsoonsnake.png" class="h-72 w-72"></img>
<h1 class="font-roboto text-3xl">Coming soon!</h1> <h1 class="font-roboto text-3xl">Coming soon!</h1>
</motion.div> </motion.div>
</motion.div> </motion.div>