Firefly-Shelter/Firefly_Srtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPDATE: Responsive for mobile
All checks were successful
Gitea Auto Deploy / Deploy-Container (push) Successful in 2m3s
Details

Browse Source
This commit is contained in:
Azen Kain
2025-09-30 14:00:46 +07:00
parent d00f9e3d5e
commit 7881d5e80a
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/avatarBar/index.tsx
View File

@@ -35,7 +35,7 @@ export default function AvatarBar({ onClose }: { onClose?: () => void }) {
onChange={(e) => setFilter({ ...filter, name: e.target.value, locale: locale })} onChange={(e) => setFilter({ ...filter, name: e.target.value, locale: locale })}
/> />
</div> </div>
<div className="grid grid-cols-4 lg:grid-cols-7 mb-1 mx-1 gap-2 w-full max-h-[17vh] min-h-[5vh] overflow-y-auto"> <div className="grid grid-cols-7 sm:grid-cols-4 lg:grid-cols-7 mb-1 mx-1 gap-2 w-full max-h-[17vh] min-h-[5vh] overflow-y-auto">
{Object.keys(listElement).map((key, index) => ( {Object.keys(listElement).map((key, index) => (
<div <div
key={index} key={index}
@@ -55,7 +55,7 @@ export default function AvatarBar({ onClose }: { onClose?: () => void }) {
))} ))}
</div> </div>
<div className="grid grid-cols-4 lg:grid-cols-8 mb-1 mx-1 gap-2 overflow-y-auto w-full max-h-[17vh] min-h-[5vh]"> <div className="grid grid-cols-8 sm:grid-cols-4 lg:grid-cols-8 mb-1 mx-1 gap-2 overflow-y-auto w-full max-h-[17vh] min-h-[5vh]">
{Object.keys(listPath).map((key, index) => ( {Object.keys(listPath).map((key, index) => (
<div <div
key={index} key={index}
@@ -80,7 +80,7 @@ export default function AvatarBar({ onClose }: { onClose?: () => void }) {
</div> </div>
<div className="flex items-start h-full"> <div className="flex items-start h-full">
<ul className="grid grid-cols-2 lg:grid-cols-3 gap-2 w-full h-[65vh] overflow-y-scroll overflow-x-hidden"> <ul className="grid grid-cols-4 sm:grid-cols-2 lg:grid-cols-3 gap-2 w-full h-[65vh] overflow-y-scroll overflow-x-hidden">
{listAvatar.map((item, index) => ( {listAvatar.map((item, index) => (
<div key={index} onClick={() => { <div key={index} onClick={() => {
setAvatarSelected(item); setAvatarSelected(item);

4
src/components/lightconeBar/index.tsx
View File

@@ -67,7 +67,7 @@ export default function LightconeBar() {
<div>Filter</div> <div>Filter</div>
<div className="grid grid-cols-12 mt-1 w-full"> <div className="grid grid-cols-12 mt-1 w-full">
<div className="grid justify-items-start col-span-8"> <div className="grid justify-items-start col-span-8">
<div className="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-8 mb-1 mx-1 gap-2"> <div className="grid grid-cols-4 sm:grid-cols-3 md:grid-cols-6 lg:grid-cols-8 mb-1 mx-1 gap-2">
{Object.keys(listPath).map((key, index) => ( {Object.keys(listPath).map((key, index) => (
<div <div
key={index} key={index}
@@ -89,7 +89,7 @@ export default function LightconeBar() {
</div> </div>
<div className="grid justify-items-end col-span-4 w-full"> <div className="grid justify-items-end col-span-4 w-full">
<div className="grid grid-cols-1 sm:grid-cols-3 mb-1 mx-1 gap-2"> <div className="grid grid-cols-2 sm:grid-cols-3 mb-1 mx-1 gap-2">
{Object.keys(listRank).map((key, index) => ( {Object.keys(listRank).map((key, index) => (
<div <div
key={index} key={index}