root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: border radius 8px

Browse Source
This commit is contained in:
jialin
2024-06-28 17:14:34 +08:00
parent 4a5e20f491
commit 871bca1916
20 changed files with 100 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/global.less
+11 -17
View File
@@ -7,7 +7,7 @@ html {
// --color-fill-1: #fff;
--color-fill-2: #fff;
--color-fill-3: #f3f6fa;
--menu-border-radius-base: 20px;
--menu-border-radius-base: 8px;
--border-radius-base: 16px;
--border-radius-middle: 20px;
--border-radius-small: 8px;
@@ -20,11 +20,11 @@ html {
--font-size-large: 16px;
--font-size-middle: 14px;
--ant-color-fill-secondary: rgba(0, 0, 0, 6%);
--table-td-radius: 20px;
--table-td-radius: 8px;
--checkbox-border-radius: 4px;
--ant-table-cell-padding-inline: 16px;
--ant-table-cell-padding-block: 16px;
--ant-table-header-border-radius: 16px;
--ant-table-cell-padding-inline: 8px;
--ant-table-cell-padding-block: 8px;
--ant-table-header-border-radius: 8px;
--ant-table-header-split-color: #f0f0f0;
--ant-table-row-selected-bg: #f0fff6;
--ant-table-row-selected-hover-bg: #d8f2e4;
@@ -51,7 +51,7 @@ html {
&.ant-menu-css-var {
--ant-menu-item-height: 46px;
--ant-menu-item-selected-bg: var(--color-white-1);
--ant-menu-item-border-radius: 16px;
--ant-menu-item-border-radius: 8px;
--ant-menu-item-selected-color: var(--ant-color-primary);
--ant-menu-item-hover-bg: var(--color-white-1);
--ant-menu-item-color: var(--color-text-1);
@@ -66,7 +66,7 @@ html {
--ant-font-size-xl: 20px;
--ant-font-size: var(--font-size-base);
--ant-padding-sm: 14px;
--ant-border-radius-lg: 16px;
--ant-border-radius-lg: 8px;
--ant-color-error: #ff4d4f;
--ant-color-bg-mask: rgba(0, 0, 0, 35%);
--ant-color-border: rgb(217 217 217 / 50%);
@@ -98,7 +98,7 @@ html {
.css-var-rh.ant-menu-css-var {
--ant-menu-item-height: 46px;
--ant-menu-item-selected-bg: var(--color-white-1);
--ant-menu-item-border-radius: 20px;
--ant-menu-item-border-radius: 8px;
--ant-menu-item-selected-color: var(--ant-color-primary);
--ant-menu-item-hover-bg: var(--color-white-1);
--ant-menu-item-color: var(--color-text-1);
@@ -290,7 +290,7 @@ body {
.ant-pro-sider {
.ant-menu {
.ant-menu-item {
border-radius: 16px;
border-radius: var(--border-radius-small);
&:active {
background-color: var(--ant-menu-item-selected-bg);
@@ -307,6 +307,7 @@ body {
.ant-menu-item.ant-menu-item-selected:hover {
color: var(--ant-color-primary);
background-color: var(--ant-menu-item-selected-bg);
}
.ant-menu-item.ant-menu-item-selected {
@@ -329,12 +330,7 @@ body {
left: 0;
bottom: 0;
right: 0;
// background: radial-gradient(
// circle,
// rgba(47, 191, 133, 0.02),
// rgba(55, 125, 184, 0.2)
// );
background: url('./assets/images/bg.png') center center no-repeat;
background: url('./assets/images/bg-11.png') center center no-repeat;
background-size: cover;
&::after {
@@ -345,8 +341,6 @@ body {
bottom: 0;
right: 0;
z-index: 1;
backdrop-filter: blur(100px);
filter: blur(100px);
height: 100%;
}
}