66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
|
// Compact Mode Plugin for BetterCurseForge
|
||
|
|
// Reduces padding and spacing for a denser UI layout
|
||
|
|
|
||
|
|
const removeCSS = BetterCurseForge.injectCSS(`
|
||
|
|
/* Reduce card padding */
|
||
|
|
[class*="card"],
|
||
|
|
[class*="Card"] {
|
||
|
|
padding: 8px !important;
|
||
|
|
margin-bottom: 6px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Reduce list item spacing */
|
||
|
|
[class*="list-item"],
|
||
|
|
[class*="ListItem"],
|
||
|
|
[class*="mod-row"],
|
||
|
|
[class*="ModRow"] {
|
||
|
|
padding: 6px 12px !important;
|
||
|
|
min-height: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Reduce header sizes */
|
||
|
|
[class*="section-header"],
|
||
|
|
[class*="SectionHeader"] {
|
||
|
|
padding: 8px 16px !important;
|
||
|
|
font-size: 14px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Reduce sidebar item padding */
|
||
|
|
[class*="sidebar"] [class*="item"],
|
||
|
|
[class*="Sidebar"] [class*="Item"],
|
||
|
|
nav a, nav button {
|
||
|
|
padding: 6px 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Reduce gap between elements */
|
||
|
|
[class*="grid"],
|
||
|
|
[class*="Grid"] {
|
||
|
|
gap: 8px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Smaller mod thumbnails */
|
||
|
|
[class*="thumbnail"],
|
||
|
|
[class*="Thumbnail"],
|
||
|
|
[class*="mod-icon"],
|
||
|
|
[class*="ModIcon"] {
|
||
|
|
width: 40px !important;
|
||
|
|
height: 40px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Reduce page padding */
|
||
|
|
[class*="page-content"],
|
||
|
|
[class*="PageContent"],
|
||
|
|
[class*="content-area"],
|
||
|
|
[class*="ContentArea"] {
|
||
|
|
padding: 12px !important;
|
||
|
|
}
|
||
|
|
`);
|
||
|
|
|
||
|
|
// Plugin lifecycle
|
||
|
|
plugin.onDisable = () => {
|
||
|
|
removeCSS();
|
||
|
|
console.log('[Compact Mode] Disabled.');
|
||
|
|
};
|
||
|
|
|
||
|
|
console.log('[Compact Mode] Enabled — UI is now more compact.');
|