Skip to content

phsl / admin

Go to a project
Commit d6394016 by xingyu
Options

fix: style lint

parent 64dbcdab
Showing with 43 additions and 16 deletions
src/App.vue
...@@ -40,10 +40,11 @@ $prefix-cls: #{$namespace}-app; ...@@ -40,10 +40,11 @@ $prefix-cls: #{$namespace}-app;
html, html,
body { body {
@extend .size;
padding: 0 !important; padding: 0 !important;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
@extend .size;
#app { #app {
@extend .size; @extend .size;
......
src/components/Table/src/Table.vue
...@@ -302,6 +302,7 @@ export default defineComponent({ ...@@ -302,6 +302,7 @@ export default defineComponent({
margin-left: 0; margin-left: 0;
padding: 8px 4px; padding: 8px 4px;
} }
:deep(.el-button.is-link) { :deep(.el-button.is-link) {
margin-left: 0; margin-left: 0;
padding: 8px 4px; padding: 8px 4px;
......
src/components/bpmnProcessDesigner/package/designer/ProcessViewer.vue
...@@ -407,6 +407,7 @@ watch( ...@@ -407,6 +407,7 @@ watch(
stroke-dasharray: 4px !important; stroke-dasharray: 4px !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
.highlight-todo.djs-shape .djs-visual > :nth-child(1) { .highlight-todo.djs-shape .djs-visual > :nth-child(1) {
fill: #1890ff !important; fill: #1890ff !important;
stroke: #1890ff !important; stroke: #1890ff !important;
...@@ -418,8 +419,9 @@ watch( ...@@ -418,8 +419,9 @@ watch(
stroke: #1890ff !important; stroke: #1890ff !important;
stroke-dasharray: 4px !important; stroke-dasharray: 4px !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
marker-end: url(#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr); marker-end: url('#sequenceflow-end-_E7DFDF-_E7DFDF-803g1kf6zwzmcig1y2ulm5egr');
} }
:deep(.highlight-todo.djs-shape .djs-visual > :nth-child(1)) { :deep(.highlight-todo.djs-shape .djs-visual > :nth-child(1)) {
fill: #1890ff !important; fill: #1890ff !important;
stroke: #1890ff !important; stroke: #1890ff !important;
...@@ -433,14 +435,17 @@ watch( ...@@ -433,14 +435,17 @@ watch(
stroke: green !important; stroke: green !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
.highlight.djs-shape .djs-visual > :nth-child(2) { .highlight.djs-shape .djs-visual > :nth-child(2) {
fill: green !important; fill: green !important;
} }
.highlight.djs-shape .djs-visual > path { .highlight.djs-shape .djs-visual > path {
fill: green !important; fill: green !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
stroke: green !important; stroke: green !important;
} }
.highlight.djs-connection > .djs-visual > path { .highlight.djs-connection > .djs-visual > path {
stroke: green !important; stroke: green !important;
} }
...@@ -454,14 +459,17 @@ watch( ...@@ -454,14 +459,17 @@ watch(
stroke: green !important; stroke: green !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
:deep(.highlight.djs-shape .djs-visual > :nth-child(2)) { :deep(.highlight.djs-shape .djs-visual > :nth-child(2)) {
fill: green !important; fill: green !important;
} }
:deep(.highlight.djs-shape .djs-visual > path) { :deep(.highlight.djs-shape .djs-visual > path) {
fill: green !important; fill: green !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
stroke: green !important; stroke: green !important;
} }
:deep(.highlight.djs-connection > .djs-visual > path) { :deep(.highlight.djs-connection > .djs-visual > path) {
stroke: green !important; stroke: green !important;
} }
...@@ -472,14 +480,17 @@ watch( ...@@ -472,14 +480,17 @@ watch(
stroke: red !important; stroke: red !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
.highlight-reject.djs-shape .djs-visual > :nth-child(2) { .highlight-reject.djs-shape .djs-visual > :nth-child(2) {
fill: red !important; fill: red !important;
} }
.highlight-reject.djs-shape .djs-visual > path { .highlight-reject.djs-shape .djs-visual > path {
fill: red !important; fill: red !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
stroke: red !important; stroke: red !important;
} }
.highlight-reject.djs-connection > .djs-visual > path { .highlight-reject.djs-connection > .djs-visual > path {
stroke: red !important; stroke: red !important;
} }
...@@ -493,14 +504,17 @@ watch( ...@@ -493,14 +504,17 @@ watch(
stroke: red !important; stroke: red !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
:deep(.highlight-reject.djs-shape .djs-visual > :nth-child(2)) { :deep(.highlight-reject.djs-shape .djs-visual > :nth-child(2)) {
fill: red !important; fill: red !important;
} }
:deep(.highlight-reject.djs-shape .djs-visual > path) { :deep(.highlight-reject.djs-shape .djs-visual > path) {
fill: red !important; fill: red !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
stroke: red !important; stroke: red !important;
} }
:deep(.highlight-reject.djs-connection > .djs-visual > path) { :deep(.highlight-reject.djs-connection > .djs-visual > path) {
stroke: red !important; stroke: red !important;
} }
...@@ -511,14 +525,17 @@ watch( ...@@ -511,14 +525,17 @@ watch(
stroke: grey !important; stroke: grey !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
.highlight-cancel.djs-shape .djs-visual > :nth-child(2) { .highlight-cancel.djs-shape .djs-visual > :nth-child(2) {
fill: grey !important; fill: grey !important;
} }
.highlight-cancel.djs-shape .djs-visual > path { .highlight-cancel.djs-shape .djs-visual > path {
fill: grey !important; fill: grey !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
stroke: grey !important; stroke: grey !important;
} }
.highlight-cancel.djs-connection > .djs-visual > path { .highlight-cancel.djs-connection > .djs-visual > path {
stroke: grey !important; stroke: grey !important;
} }
...@@ -532,14 +549,17 @@ watch( ...@@ -532,14 +549,17 @@ watch(
stroke: grey !important; stroke: grey !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
} }
:deep(.highlight-cancel.djs-shape .djs-visual > :nth-child(2)) { :deep(.highlight-cancel.djs-shape .djs-visual > :nth-child(2)) {
fill: grey !important; fill: grey !important;
} }
:deep(.highlight-cancel.djs-shape .djs-visual > path) { :deep(.highlight-cancel.djs-shape .djs-visual > path) {
fill: grey !important; fill: grey !important;
fill-opacity: 0.2 !important; fill-opacity: 0.2 !important;
stroke: grey !important; stroke: grey !important;
} }
:deep(.highlight-cancel.djs-connection > .djs-visual > path) { :deep(.highlight-cancel.djs-connection > .djs-visual > path) {
stroke: grey !important; stroke: grey !important;
} }
...@@ -547,7 +567,7 @@ watch( ...@@ -547,7 +567,7 @@ watch(
.element-overlays { .element-overlays {
box-sizing: border-box; box-sizing: border-box;
padding: 8px; padding: 8px;
background: rgba(0, 0, 0, 0.6); background: rgb(0 0 0 / 60%);
border-radius: 4px; border-radius: 4px;
color: #fafafa; color: #fafafa;
width: 200px; width: 200px;
......
src/components/bpmnProcessDesigner/package/palette/ProcessPalette.vue
...@@ -32,12 +32,13 @@ const addTask = (event, options: any = {}) => { ...@@ -32,12 +32,13 @@ const addTask = (event, options: any = {}) => {
<style scoped lang="scss"> <style scoped lang="scss">
.my-process-palette { .my-process-palette {
box-sizing: border-box; box-sizing: border-box;
padding: 80px 20px 20px 20px; padding: 80px 20px 20px;
.test-button { .test-button {
box-sizing: border-box; box-sizing: border-box;
padding: 8px 16px; padding: 8px 16px;
border-radius: 4px; border-radius: 4px;
border: 1px solid rgba(24, 144, 255, 0.8); border: 1px solid rgb(24 144 255 / 80%);
cursor: pointer; cursor: pointer;
} }
} }
......
src/layout/components/TabMenu/src/TabMenu.vue
...@@ -217,7 +217,7 @@ $prefix-cls: #{$namespace}-tab-menu; ...@@ -217,7 +217,7 @@ $prefix-cls: #{$namespace}-tab-menu;
.#{$prefix-cls} { .#{$prefix-cls} {
transition: all var(--transition-time-02); transition: all var(--transition-time-02);
&:after { &::after {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
......
src/views/Profile/Index.vue
...@@ -39,21 +39,25 @@ const activeName = ref('basicInfo') ...@@ -39,21 +39,25 @@ const activeName = ref('basicInfo')
<style scoped> <style scoped>
.user { .user {
max-height: 960px; max-height: 960px;
padding: 15px 20px 20px 20px; padding: 15px 20px 20px;
} }
.card-header { .card-header {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
:deep(.el-card .el-card__header, .el-card .el-card__body) { :deep(.el-card .el-card__header, .el-card .el-card__body) {
padding: 15px !important; padding: 15px !important;
} }
.profile-tabs > .el-tabs__content { .profile-tabs > .el-tabs__content {
padding: 32px; padding: 32px;
color: #6b778c; color: #6b778c;
font-weight: 600; font-weight: 600;
} }
.el-tabs--left .el-tabs__content { .el-tabs--left .el-tabs__content {
height: 100%; height: 100%;
} }
......
src/views/mp/components/wx-material-select/main.vue
...@@ -229,7 +229,7 @@ onMounted(async () => { ...@@ -229,7 +229,7 @@ onMounted(async () => {
}) })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@media (min-width: 992px) and (max-width: 1300px) { @media (width >= 992px) and (width <= 1300px) {
.waterfall { .waterfall {
column-count: 3; column-count: 3;
} }
...@@ -239,7 +239,7 @@ onMounted(async () => { ...@@ -239,7 +239,7 @@ onMounted(async () => {
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (width >= 768px) and (width <= 991px) {
.waterfall { .waterfall {
column-count: 2; column-count: 2;
} }
...@@ -249,7 +249,7 @@ onMounted(async () => { ...@@ -249,7 +249,7 @@ onMounted(async () => {
} }
} }
@media (max-width: 767px) { @media (width <= 767px) {
.waterfall { .waterfall {
column-count: 1; column-count: 1;
} }
......
src/views/mp/draft/components/DraftTable.vue
...@@ -67,19 +67,19 @@ const emit = defineEmits<{ ...@@ -67,19 +67,19 @@ const emit = defineEmits<{
} }
} }
@media (min-width: 992px) and (max-width: 1300px) { @media (width >= 992px) and (width <= 1300px) {
.waterfall { .waterfall {
column-count: 3; column-count: 3;
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (width >= 768px) and (width <= 991px) {
.waterfall { .waterfall {
column-count: 2; column-count: 2;
} }
} }
@media (max-width: 767px) { @media (width <= 767px) {
.waterfall { .waterfall {
column-count: 1; column-count: 1;
} }
......
src/views/mp/material/components/ImageTable.vue
...@@ -31,7 +31,7 @@ const emit = defineEmits<{ ...@@ -31,7 +31,7 @@ const emit = defineEmits<{
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@media (min-width: 992px) and (max-width: 1300px) { @media (width >= 992px) and (width <= 1300px) {
.waterfall { .waterfall {
column-count: 3; column-count: 3;
} }
...@@ -41,7 +41,7 @@ const emit = defineEmits<{ ...@@ -41,7 +41,7 @@ const emit = defineEmits<{
} }
} }
@media (min-width: 768px) and (max-width: 991px) { @media (width >= 768px) and (width <= 991px) {
.waterfall { .waterfall {
column-count: 2; column-count: 2;
} }
...@@ -51,7 +51,7 @@ const emit = defineEmits<{ ...@@ -51,7 +51,7 @@ const emit = defineEmits<{
} }
} }
@media (max-width: 767px) { @media (width <= 767px) {
.waterfall { .waterfall {
column-count: 1; column-count: 1;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment