Skip to content

Instantly share code, notes, and snippets.

@DEVTomatoCake
Last active January 26, 2024 17:24
Show Gist options
  • Save DEVTomatoCake/ca454e0b1e81ec534064401994fbe6b4 to your computer and use it in GitHub Desktop.
Save DEVTomatoCake/ca454e0b1e81ec534064401994fbe6b4 to your computer and use it in GitHub Desktop.
Violentmonkey userscript to move pterodactyl stats container back to the left side
// ==UserScript==
// @name Pterodactyl - Use "old" style
// @namespace Violentmonkey Scripts
// @match *://*/server/*
// @version 1.1
// @author TomatoCake
// @downloadURL https://gist.github.com/DEVTomatoCake/ca454e0b1e81ec534064401994fbe6b4
// @description Moves the stats container on the Pterodactyl back on the left side, like it was before
// @description:de Schiebt den Stats-Container von Pterodactyl wieder zurück auf die linke Seite, also wo er vor dem Update war
// ==/UserScript==
const style = document.createElement('style')
style.textContent = `
div.grid.grid-cols-6.gap-2 {
position: absolute;
left: 355px;
top: 195px;
display: block;
max-width: 320px;
}
div.grid.grid-cols-6.gap-2 > * {
padding: 8px;
border-radius: 0;
}
div.col-span-4 {
position: absolute;
left: 682px;
width: 870px;
}
div.col-span-4 .flex button {
max-width: 80px;
}
div.grid.grid-cols-1 {
position: absolute;
top: 680px;
left: 370px;
}
.group .z-10.ml-2 canvas {
width: 370px;
}
@media only screen and (max-width: 1600px) {
div.grid.grid-cols-6.gap-2 {
position: absolute;
left: 98px;
top: 195px;
display: block;
max-width: 320px;
}
div.grid.grid-cols-6.gap-2 > * {
padding: 5px;
border-radius: 0;
}
div.col-span-4 {
position: absolute;
left: 430px;
width: 770px;
}
div.grid.grid-cols-1 {
top: 680px;
left: 98px;
}
}
`
document.head.append(style)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment