diff --git a/apps/web/src/index.css b/apps/web/src/index.css index 45d7dc7..9ad7f65 100755 --- a/apps/web/src/index.css +++ b/apps/web/src/index.css @@ -6,15 +6,46 @@ border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom: none; - border: none + border: none; } .quill-editor-container .ql-container { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; - border: none + border: none; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { + content: "标题 1"; } +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { + content: "标题 2"; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { + content: "标题 3"; +} + +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { + content: "标题 4"; +} +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { + content: "标题 5"; +} + +.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, +.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { + content: "标题 6"; +} +/* 针对下拉菜单中的选项 */ +.ql-snow .ql-picker.ql-header .ql-picker-item:not([data-value])::before, +.ql-snow .ql-picker.ql-header .ql-picker-label:not([data-value])::before { + content: "正文" !important; +} .ag-custom-dragging-class { @apply border-b-2 border-blue-200; } @@ -45,11 +76,11 @@ background-color: transparent !important; } -.ant-table-thead>tr>th { +.ant-table-thead > tr > th { background-color: transparent !important; } -.ant-table-tbody>tr>td { +.ant-table-tbody > tr > td { background-color: transparent !important; border-bottom-color: transparent !important; } @@ -86,7 +117,9 @@ } /* 覆盖 Ant Design 的默认样式 raido button左侧的按钮*/ -.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { +.ant-radio-button-wrapper-checked:not( + .ant-radio-button-wrapper-disabled + )::before { background-color: unset !important; } @@ -99,7 +132,7 @@ display: none !important; } -.no-wrap-header .ant-table-thead>tr>th { +.no-wrap-header .ant-table-thead > tr > th { white-space: nowrap; } @@ -115,12 +148,12 @@ /* 设置单元格边框 */ } -.custom-table .ant-table-tbody>tr>td { +.custom-table .ant-table-tbody > tr > td { border-bottom: 1px solid #ddd; /* 设置表格行底部边框 */ } -.custom-table .ant-table-tbody>tr:last-child>td { +.custom-table .ant-table-tbody > tr:last-child > td { border-bottom: none; /* 去除最后一行的底部边框 */ } @@ -129,4 +162,3 @@ height: 600px; width: 100%; } -