generated from dwd/boilarplate-remix-tailwind-antd
115 lines
3.4 KiB
CSS
115 lines
3.4 KiB
CSS
|
|
|
|
.ant-menu-light .ant-menu-item-selected{
|
|
color: #ED9545;
|
|
border-left: 3px solid #ED9545 ;
|
|
background: transparent;
|
|
}
|
|
/* App.css */
|
|
.custom-menu .ant-menu-item{
|
|
border-radius: 0; /* Remove border-radius */
|
|
color: #6E6E6E;
|
|
}
|
|
|
|
:where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light .ant-menu-item a, :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light>.ant-menu .ant-menu-item a, :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light .ant-menu-item a:hover, :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light>.ant-menu .ant-menu-item a:hover{
|
|
color: #6E6E6E;
|
|
}
|
|
|
|
|
|
/* Specific styling for parent menu items (non-selected) */
|
|
.custom-menu .ant-menu-submenu-title {
|
|
border-bottom: 1px solid #CFCFCF; /* Default border color for parent items */
|
|
border-radius: 0; /* Remove border-radius for parent items */
|
|
font-size: 18px;
|
|
color: #000;
|
|
font-weight: 700;
|
|
padding-top: 40px;
|
|
padding-bottom: 40px;
|
|
--icon-color: #000; /* Default icon color */
|
|
}
|
|
|
|
/* Specific styling for selected parent menu items */
|
|
.custom-menu .ant-menu-submenu-selected .ant-menu-submenu-title,
|
|
.custom-menu .ant-menu-submenu-title.ant-menu-submenu-title-selected,
|
|
.custom-menu .ant-menu-submenu-title .ant-menu-submenu-open {
|
|
color: #ED9545; /* Selected text color for parent items */
|
|
border-bottom: 1px solid #CFCFCF; /* Selected border color for parent items */
|
|
--icon-color: #ED9545; /* Selected icon color */
|
|
}
|
|
|
|
|
|
|
|
/* Ensure parent item remains #ED9545 when any child is selected */
|
|
.custom-menu .ant-menu-submenu-open > .ant-menu-submenu-title {
|
|
color: #ED9545; /* Ensure parent item text color */
|
|
border-bottom: 1px solid #CFCFCF; /* Ensure parent item border color */
|
|
--icon-color: #ED9545; /* Ensure parent item icon color */
|
|
}
|
|
|
|
/* Ensure parent item text color reverts to #000 when submenu is collapsed */
|
|
.custom-menu .ant-menu-submenu-closed > .ant-menu-submenu-title {
|
|
color: #000; /* Ensure parent item text color */
|
|
--icon-color: #000; /* Ensure parent item icon color */
|
|
}
|
|
|
|
|
|
|
|
/* For Custom Scrollbar */
|
|
|
|
/* Custom scrollbar for WebKit browsers */
|
|
::-webkit-scrollbar {
|
|
width: 3px; /* Width of the scrollbar */
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #fcfcfc; /* Track background */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #CFCFCF; /* Scrollbar color */
|
|
border-radius: 10px; /* Rounded corners */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555; /* Color when hovering */
|
|
}
|
|
/* Firefox scrollbar styling */
|
|
|
|
.custom-gradient-border {
|
|
border: 4.32px solid transparent;
|
|
border-image-source: linear-gradient(159.09deg, #FFFFFF 13.82%, rgba(0, 0, 0, 0) 97.01%);
|
|
border-image-slice: 1;
|
|
border-radius: 8px; /* Adjust as needed */
|
|
}
|
|
.ant-tabs-nav {
|
|
border-bottom: none;
|
|
color: #EF7A0C;
|
|
}
|
|
|
|
/* Optional: Style the tab bar ink */
|
|
.ant-tabs-ink-bar {
|
|
background-color: #000;
|
|
color: #EF7A0C;
|
|
}
|
|
|
|
:where(.css-dev-only-do-not-override-1uq9j6g).ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
|
|
color: #EF7A0C;
|
|
}
|
|
|
|
:where(.css-dev-only-do-not-override-1uq9j6g).ant-tabs .ant-tabs-tab {
|
|
color: #9D9D9D;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
padding: 15px 20px;
|
|
|
|
}
|
|
:where(.css-dev-only-do-not-override-1uq9j6g).ant-tabs .ant-tabs-tab:hover{
|
|
color: #EF7A0C;
|
|
}
|
|
|
|
.ant-tabs-tab.ant-tabs-tab-active {
|
|
border-bottom: 4px solid #EF7A0C;
|
|
width: 70px;
|
|
z-index: 2;
|
|
justify-content: center;
|
|
} |