generated from dwd/boilarplate-remix-tailwind-antd
s2
This commit is contained in:
1
public/assets/calendar-icon.svg
Normal file
1
public/assets/calendar-icon.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 110.01 122.88" style="enable-background:new 0 0 110.01 122.88" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M1.87,14.69h22.66L24.5,14.3V4.13C24.5,1.86,26.86,0,29.76,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39 h38.59l-0.03-0.39V4.13C73.55,1.86,75.91,0,78.8,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39h24.11c1.03,0,1.87,0.84,1.87,1.87 v19.46c0,1.03-0.84,1.87-1.87,1.87H1.87C0.84,37.88,0,37.04,0,36.01V16.55C0,15.52,0.84,14.69,1.87,14.69L1.87,14.69z M0.47,42.19 h109.08c0.26,0,0.46,0.21,0.46,0.46l0,0v79.76c0,0.25-0.21,0.46-0.46,0.46l-109.08,0c-0.25,0-0.47-0.21-0.47-0.46V42.66 C0,42.4,0.21,42.19,0.47,42.19L0.47,42.19L0.47,42.19z M97.27,52.76H83.57c-0.83,0-1.5,0.63-1.5,1.4V66.9c0,0.77,0.67,1.4,1.5,1.4 h13.71c0.83,0,1.51-0.63,1.51-1.4V54.16C98.78,53.39,98.1,52.76,97.27,52.76L97.27,52.76z M12.24,74.93h13.7 c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4H12.71c-0.83,0-1.5-0.63-1.5-1.4V75.87c0-0.77,0.68-1.4,1.5-1.4 L12.24,74.93L12.24,74.93z M12.24,97.11h13.7c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4l-13.24,0 c-0.83,0-1.5-0.63-1.5-1.4V98.51c0-0.77,0.68-1.4,1.5-1.4L12.24,97.11L12.24,97.11z M12.24,52.76h13.7c0.83,0,1.51,0.63,1.51,1.4 V66.9c0,0.77-0.68,1.4-1.51,1.4l-13.24,0c-0.83,0-1.5-0.63-1.5-1.4V54.16c0-0.77,0.68-1.4,1.5-1.4L12.24,52.76L12.24,52.76z M36.02,52.76h13.71c0.83,0,1.5,0.63,1.5,1.4V66.9c0,0.77-0.68,1.4-1.5,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V54.16 C34.51,53.39,35.19,52.76,36.02,52.76L36.02,52.76L36.02,52.76z M36.02,74.93h13.71c0.83,0,1.5,0.63,1.5,1.4v12.74 c0,0.77-0.68,1.4-1.5,1.4H36.02c-0.83,0-1.51-0.63-1.51-1.4V75.87c0-0.77,0.68-1.4,1.51-1.4V74.93L36.02,74.93z M36.02,97.11h13.71 c0.83,0,1.5,0.63,1.5,1.4v12.74c0,0.77-0.68,1.4-1.5,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V98.51 C34.51,97.74,35.19,97.11,36.02,97.11L36.02,97.11L36.02,97.11z M59.79,52.76H73.5c0.83,0,1.51,0.63,1.51,1.4V66.9 c0,0.77-0.68,1.4-1.51,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V54.16C58.29,53.39,58.96,52.76,59.79,52.76L59.79,52.76 L59.79,52.76z M59.79,74.93H73.5c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4H59.79c-0.83,0-1.51-0.63-1.51-1.4 V75.87c0-0.77,0.68-1.4,1.51-1.4V74.93L59.79,74.93z M97.27,74.93H83.57c-0.83,0-1.5,0.63-1.5,1.4v12.74c0,0.77,0.67,1.4,1.5,1.4 h13.71c0.83,0,1.51-0.63,1.51-1.4l0-13.21c0-0.77-0.68-1.4-1.51-1.4L97.27,74.93L97.27,74.93z M97.27,97.11H83.57 c-0.83,0-1.5,0.63-1.5,1.4v12.74c0,0.77,0.67,1.4,1.5,1.4h13.71c0.83,0,1.51-0.63,1.51-1.4l0-13.21c0-0.77-0.68-1.4-1.51-1.4 L97.27,97.11L97.27,97.11z M59.79,97.11H73.5c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4l-13.71,0 c-0.83,0-1.51-0.63-1.51-1.4V98.51C58.29,97.74,58.96,97.11,59.79,97.11L59.79,97.11L59.79,97.11z M7.01,47.71h96.92 c0.52,0,0.94,0.44,0.94,0.94v67.77c0,0.5-0.44,0.94-0.94,0.94H6.08c-0.5,0-0.94-0.42-0.94-0.94V49.58 C5.14,48.55,5.98,47.71,7.01,47.71L7.01,47.71L7.01,47.71z M78.8,29.4c2.89,0,5.26-1.87,5.26-4.13V15.11l-0.03-0.41H73.58 l-0.03,0.41v10.16C73.55,27.54,75.91,29.4,78.8,29.4L78.8,29.4L78.8,29.4z M29.76,29.4c2.89,0,5.26-1.87,5.26-4.13V15.11 l-0.03-0.41H24.53l-0.03,0.41v10.16C24.5,27.54,26.86,29.4,29.76,29.4L29.76,29.4z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
107
public/assets/left_side_nav.css
Normal file
107
public/assets/left_side_nav.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.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-layout-sider-children .ant-dropdown-trigger{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media(max-width:1000px){
|
||||
:where(.css-dev-only-do-not-override-1uq9j6g).ant-layout {
|
||||
display: flex;
|
||||
flex: auto;
|
||||
min-height: 0;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
:where(.css-dev-only-do-not-override-1uq9j6g).ant-layout.ant-layout-has-sider >.ant-layout, :where(.css-dev-only-do-not-override-1uq9j6g).ant-layout.ant-layout-has-sider >.ant-layout-content {
|
||||
width: auto;
|
||||
}
|
||||
.md\:grid-cols-\[350px_1fr\] {
|
||||
grid-template-columns:1fr;
|
||||
}
|
||||
a.ant-dropdown-trigger{
|
||||
display: none;
|
||||
}
|
||||
.ant-layout-sider-children .ant-dropdown-trigger{
|
||||
display: block;
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user