hypermc/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Teleport/Effects options to player list

Browse Source
This commit is contained in:
MCHost
2025-06-23 19:15:00 -04:00
parent 53678a76ae
commit f1964e9ef1
4 changed files with 379 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
public/css/styles.css
View File

@ -128,6 +128,7 @@
min-width: 80px;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
font-family: 'Minecraft', sans-serif; /* Apply Minecraft font */
}
.control-btn:hover:not(.disabled-btn) {
@ -138,6 +139,60 @@
transform: translateY(0);
}
/* Existing player button styles */
.tell-player {
@apply bg-blue-600 hover:bg-blue-700 px-2 py-1 rounded text-sm;
font-family: 'Minecraft', sans-serif;
transition: all 0.2s ease;
}
.give-player {
@apply bg-green-600 hover:bg-green-700 px-2 py-1 rounded text-sm;
font-family: 'Minecraft', sans-serif;
transition: all 0.2s ease;
}
.op-player, .deop-player {
@apply bg-purple-600 hover:bg-purple-700 px-2 py-1 rounded text-sm;
font-family: 'Minecraft', sans-serif;
transition: all 0.2s ease;
}
.kick-player, .ban-player {
@apply bg-red-600 hover:bg-red-700 px-2 py-1 rounded text-sm;
font-family: 'Minecraft', sans-serif;
transition: all 0.2s ease;
}
/* New player button styles */
.teleport-player {
@apply bg-cyan-600 hover:bg-cyan-700 px-2 py-1 rounded text-sm;
font-family: 'Minecraft', sans-serif;
transition: all 0.2s ease;
}
.teleport-player:hover:not(.disabled-btn) {
transform: translateY(-1px);
}
.teleport-player:active:not(.disabled-btn) {
transform: translateY(0);
}
.effect-player {
@apply bg-teal-600 hover:bg-teal-700 px-2 py-1 rounded text-sm;
font-family: 'Minecraft', sans-serif;
transition: all 0.2s ease;
}
.effect-player:hover:not(.disabled-btn) {
transform: translateY(-1px);
}
.effect-player:active:not(.disabled-btn) {
transform: translateY(0);
}
.modal {
position: fixed;
inset: 0;
@ -228,6 +283,20 @@
width: 100%;
margin-top: 0.5rem;
}
/* Ensure player buttons stack nicely on mobile */
.tell-player,
.give-player,
.teleport-player,
.effect-player,
.op-player,
.deop-player,
.kick-player,
.ban-player {
width: 100%;
text-align: center;
margin-top: 0.25rem;
}
}
/* Additional styles */