Skip to content

Commit

Permalink
refactor
Browse files Browse the repository at this point in the history
  • Loading branch information
lifeparticle committed Sep 30, 2023
1 parent c581b9c commit 3df4913
Show file tree
Hide file tree
Showing 3 changed files with 157 additions and 153 deletions.
2 changes: 1 addition & 1 deletion ui/src/assets/grid.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
153 changes: 1 addition & 152 deletions ui/src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
@import "./styles/typography.css";
@import "./styles/shadows.css";
@import "./styles/animations.css";
@import "./styles/antd-overrides.css";

/* * {
outline: 1px red solid;
Expand All @@ -30,155 +31,3 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5 {
margin-block-start: 0px;
margin-block-end: 0px;
/* can we do better? */
margin-bottom: 0 !important;
}

.ant-menu {
border-inline-end: none !important;
}

.ant-menu-submenu {
/* can we do better? */
padding-left: 20px !important;
padding-right: 20px !important;
}

.ant-menu-item {
/* can we do better? */
padding-left: 32px !important;
}

.ant-layout-content,
.notification-container,
.search_container,
.ant-menu {
&::-webkit-scrollbar {
width: var(--bt-size-8);
}

&::-webkit-scrollbar-track {
background-color: var(--bt-color-scrollbar-track);
}

&::-webkit-scrollbar-thumb {
border-radius: var(--bt-border-radius-4);
background-color: var(--bt-color-scrollbar-thumb);
}
}

.ant-layout-content {
overflow-x: auto;
overflow-y: auto;
max-height: 100dvh;
scroll-behavior: smooth;
}

.ant-layout-header {
position: sticky;
top: 0;
z-index: var(--bt-z-index-header);
width: 100%;
display: flex;
align-items: center;
padding-inline: 0px;
}

.ant-menu-title-content {
margin-inline-start: 10px;
}

.ant-btn-icon-only {
display: flex;
align-items: center;
justify-content: center;
}

.tox-tinymce {
/* can we do better? */
border-radius: 10px 10px 0px 0px !important;
}

.ant-select-selection-search-input {
font-size: 16px;
}

.ant-card-cover img {
/* can we do better? */
border-radius: 0 0 0 0 !important;
}

/* collapmenu align center */
.ant-menu-submenu-popup .ant-menu-vertical > .ant-menu-item {
display: flex;
align-items: center;
}

/* collapsible menu scroll */
.ant-menu-submenu-popup .ant-menu-vertical {
max-height: 300px !important;
}

.ant-typography a,
a {
color: grey;
}

.ant-typography a:hover,
a:hover {
color: whitesmoke;
}

.ant-typography p {
margin-bottom: 0px !important;
}

/* modal dark mode */
.dark .ant-modal-content {
background-color: #383737 !important;
color: white;
}

.dark .ant-modal-content .ant-modal-header {
background-color: transparent !important;
}

.dark .ant-modal-content .ant-modal-header .ant-modal-title {
color: white;
}

.dark .search_container div:hover {
background-color: #817f7f !important;
}

.dark .ant-input-affix-wrapper {
background-color: transparent !important;
border-color: #afadad !important;
}

.dark .ant-input-affix-wrapper .ant-input {
background-color: transparent !important;
color: white !important;
}

.dark .ant-input-affix-wrapper .ant-input::placeholder {
color: rgb(143, 143, 143) !important;
}

.dark .ant-input-search-button {
background-color: transparent;
color: white !important;
}

.dark .anticon svg {
color: white !important;
}
/* end modal dark mode */
155 changes: 155 additions & 0 deletions ui/src/styles/antd-overrides.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,155 @@
h1,
h2,
h3,
h4,
h5 {
margin-block-start: 0px;
margin-block-end: 0px;
/* can we do better? */
margin-bottom: 0 !important;
}

.ant-menu {
border-inline-end: none !important;
}

.ant-menu-submenu {
/* can we do better? */
padding-left: 20px !important;
padding-right: 20px !important;
}

.ant-menu-item {
/* can we do better? */
padding-left: 32px !important;
}

.ant-layout-content,
.notification-container,
.search_container,
.ant-menu {
&::-webkit-scrollbar {
width: var(--bt-size-8);
}

&::-webkit-scrollbar-track {
background-color: var(--bt-color-scrollbar-track);
}

&::-webkit-scrollbar-thumb {
border-radius: var(--bt-border-radius-4);
background-color: var(--bt-color-scrollbar-thumb);
}
}

.ant-layout-content {
overflow-x: auto;
overflow-y: auto;
max-height: 100dvh;
scroll-behavior: smooth;
}

.ant-layout-header {
position: sticky;
top: 0;
z-index: var(--bt-z-index-header);
width: 100%;
display: flex;
align-items: center;
padding-inline: 0px;
}

.ant-menu-title-content {
margin-inline-start: 10px;
}

.ant-btn-icon-only {
display: flex;
align-items: center;
justify-content: center;
}

.tox-tinymce {
/* can we do better? */
border-radius: 10px 10px 0px 0px !important;
}

.ant-select-selection-search-input {
font-size: 16px;
}

.ant-card-cover img {
/* can we do better? */
border-radius: 0 0 0 0 !important;
}

/* collapmenu align center */
.ant-menu-submenu-popup .ant-menu-vertical > .ant-menu-item {
display: flex;
align-items: center;
}

/* collapsible menu scroll */
.ant-menu-submenu-popup .ant-menu-vertical {
max-height: 300px !important;
}

.ant-typography a,
a {
color: grey;
}

.ant-typography a:hover,
a:hover {
color: whitesmoke;
}

.ant-typography p {
margin-bottom: 0px !important;
}

/* modal dark mode */
.dark .ant-modal-content {
background-color: #383737 !important;
color: white;
}

.dark .ant-modal-content .ant-modal-header {
background-color: transparent !important;
}

.dark .ant-modal-content .ant-modal-header .ant-modal-title {
color: white;
}

.dark .search_container div:hover {
background-color: #817f7f !important;
}

.dark .ant-input-affix-wrapper {
background-color: transparent !important;
border-color: #afadad !important;
}

.dark .ant-input-affix-wrapper .ant-input {
background-color: transparent !important;
color: white !important;
}

.dark .ant-input-affix-wrapper .ant-input::placeholder {
color: rgb(143, 143, 143) !important;
}

.dark .ant-input-search-button {
background-color: transparent;
color: white !important;
}

.dark .anticon svg {
color: white !important;
}
/* end modal dark mode */

.ant-layout .ant-layout-sider-children {
padding-top: 0px;
}

0 comments on commit 3df4913

Please sign in to comment.