Increase border radius and polish borders for 3X-UI dashboard
// ==UserScript==
// @license MIT
// @name 3X-UI Border Radius
// @namespace http://tampermonkey.net/
// @version 3.0
// @description Increase border radius and polish borders for 3X-UI dashboard
// @match https://xxx.xxxxxx.xxx/*
// @match https://xxx.xxxxxx.xxx/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
GM_addStyle(`
/* ===== Login ===== */
.login-card {
border-radius: 20px !important;
}
/* ===== Cards ===== */
.ant-card,
.ant-card-bordered {
border-radius: 20px !important;
overflow: hidden !important;
border: none !important;
}
.ant-card-head {
border-radius: 20px 20px 0 0 !important;
}
.ant-card-body {
border-radius: 0 0 20px 20px !important;
}
.ant-card-actions {
border-radius: 0 0 20px 20px !important;
overflow: hidden !important;
}
.ant-card-actions li:last-child {
border-radius: 0 0 20px 0 !important;
}
.ant-card-actions li:first-child:last-child {
border-radius: 0 0 20px 20px !important;
}
/* ===== Table ===== */
.ant-space-item > .ant-table-wrapper {
border-radius: 20px !important;
border: 1px solid #303030 !important;
overflow: hidden !important;
}
.ant-table-wrapper .ant-table {
margin-top: 0 !important;
}
.ant-table-container {
border-radius: 20px !important;
overflow: hidden !important;
border: none !important;
}
.ant-table table {
border-collapse: collapse !important;
}
.ant-table-thead > tr > th,
.ant-table-thead > tr > td {
border-right: none !important;
border-left: none !important;
border-inline-end: none !important;
border-top: none !important;
border-bottom: 1px solid #303030 !important;
}
.ant-table-cell {
border-right: none !important;
border-left: none !important;
border-inline-end: none !important;
border-inline-start: none !important;
}
.ant-table-tbody > tr > td {
border-right: none !important;
border-left: none !important;
border-inline-end: none !important;
border-bottom: 1px solid #303030 !important;
}
.ant-table-tbody > tr:last-child > td {
border-bottom: none !important;
}
/* ===== Collapse ===== */
.ant-collapse,
.ant-collapse.ant-collapse-icon-position-start {
border-radius: 20px !important;
border: none !important;
overflow: hidden !important;
}
.ant-collapse-item {
border-left: none !important;
border-right: none !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.ant-collapse-item:last-child {
border-bottom: none !important;
border-radius: 0 0 20px 20px !important;
}
.ant-collapse-item:first-child {
border-radius: 20px 20px 0 0 !important;
}
.ant-collapse-item:first-child:last-child {
border-radius: 20px !important;
}
.ant-collapse-content {
border-top: 1px solid rgba(255,255,255,0.06) !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}
/* ===== Modal & Drawer ===== */
.ant-modal-content {
border-radius: 20px !important;
}
.ant-drawer-content {
border-radius: 20px !important;
}
/* ===== Buttons & Inputs ===== */
.ant-btn {
border-radius: 12px !important;
}
.ant-input,
.ant-select-selector,
.ant-input-affix-wrapper {
border-radius: 10px !important;
}
/* ===== Tags ===== */
.ant-tag {
border-radius: 6px !important;
}
.ant-alert {
border-radius: 12px !important;
}
`);
})();