caadiq/minecraft-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: 서버 상태 페이지 모드 목록 개선

Browse source 
- 적용된 모드 목록 알파벳순 정렬
- 모드 목록에서 불필요한 Tooltip 제거
This commit is contained in:
caadiq 2025-12-24 16:50:36 +09:00
parent c82b24c989
commit b87586edd0
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/pages/ServerDetail.jsx
View file

@ -431,11 +431,9 @@ const ServerDetail = ({ isMobile = false }) => {
<div className="px-5 pb-5 md:px-6 md:pb-6 border-t border-white/5"> <div className="px-5 pb-5 md:px-6 md:pb-6 border-t border-white/5">
<div className="max-h-60 overflow-y-auto custom-scrollbar pt-4 pr-3"> <div className="max-h-60 overflow-y-auto custom-scrollbar pt-4 pr-3">
<ul className="grid grid-cols-1 md:grid-cols-2 gap-2"> <ul className="grid grid-cols-1 md:grid-cols-2 gap-2">
{server.mods.map((mod, index) => ( {[...server.mods].sort((a, b) => a.id.localeCompare(b.id)).map((mod, index) => (
<li key={index} className="text-sm flex items-center justify-between p-3 bg-black/20 rounded-lg hover:bg-black/30 transition-colors"> <li key={index} className="text-sm flex items-center justify-between p-3 bg-black/20 rounded-lg hover:bg-black/30 transition-colors">
<Tooltip content={mod.id}> <span className="truncate font-medium text-gray-300">{mod.id}</span>
<span className="truncate font-medium text-gray-300">{mod.id}</span>
</Tooltip>
<span className="text-xs text-gray-500 font-mono ml-2 px-2 py-0.5 bg-white/5 rounded">{mod.version}</span> <span className="text-xs text-gray-500 font-mono ml-2 px-2 py-0.5 bg-white/5 rounded">{mod.version}</span>
</li> </li>
))} ))}
@ -457,11 +455,9 @@ const ServerDetail = ({ isMobile = false }) => {
<div className="px-5 pb-5 md:px-6 md:pb-6 border-t border-white/5"> <div className="px-5 pb-5 md:px-6 md:pb-6 border-t border-white/5">
<div className="max-h-60 overflow-y-auto custom-scrollbar pt-4 pr-3"> <div className="max-h-60 overflow-y-auto custom-scrollbar pt-4 pr-3">
<ul className="grid grid-cols-1 md:grid-cols-2 gap-2"> <ul className="grid grid-cols-1 md:grid-cols-2 gap-2">
{server.mods.map((mod, index) => ( {[...server.mods].sort((a, b) => a.id.localeCompare(b.id)).map((mod, index) => (
<li key={index} className="text-sm flex items-center justify-between p-3 bg-black/20 rounded-lg hover:bg-black/30 transition-colors"> <li key={index} className="text-sm flex items-center justify-between p-3 bg-black/20 rounded-lg hover:bg-black/30 transition-colors">
<Tooltip content={mod.id}> <span className="truncate font-medium text-gray-300">{mod.id}</span>
<span className="truncate font-medium text-gray-300">{mod.id}</span>
</Tooltip>
<span className="text-xs text-gray-500 font-mono ml-2 px-2 py-0.5 bg-white/5 rounded">{mod.version}</span> <span className="text-xs text-gray-500 font-mono ml-2 px-2 py-0.5 bg-white/5 rounded">{mod.version}</span>
</li> </li>
))} ))}