Browse Source

样式优化

main
18226920803 1 month ago
parent
commit
c83d3ae073
  1. 4
      smart-flow-web/src/layout/components/header-user-space/index.vue
  2. 10
      smart-flow-web/src/layout/top-side-layout.vue
  3. 66
      smart-flow-web/src/views/jwpy/jwpy/flow/index.vue
  4. 58
      smart-flow-web/src/views/jwpy/jwpy/wtss/index.vue
  5. 58
      smart-flow-web/src/views/jwpy/jwpy/wtzg/index.vue
  6. 58
      smart-flow-web/src/views/jwpy/jwpy/zxdc/index.vue
  7. 58
      smart-flow-web/src/views/jwpy/myda/details/index.vue
  8. 58
      smart-flow-web/src/views/jwpy/myda/police/index.vue
  9. 58
      smart-flow-web/src/views/jwpy/myda/unit/index.vue
  10. 58
      smart-flow-web/src/views/jwpy/mydc/my-survey/index.vue
  11. 58
      smart-flow-web/src/views/jwpy/mydc/questionnaire/index.vue
  12. 58
      smart-flow-web/src/views/jwpy/mydc/sample/index.vue
  13. 58
      smart-flow-web/src/views/jwpy/mydc/web-opinion/index.vue
  14. 58
      smart-flow-web/src/views/jwpy/myrx/desk/index.vue
  15. 58
      smart-flow-web/src/views/jwpy/myrx/flow/index.vue
  16. 58
      smart-flow-web/src/views/jwpy/myrx/wechat/index.vue

4
smart-flow-web/src/layout/components/header-user-space/index.vue

@ -27,10 +27,10 @@
<HeaderAvatar />
</div>
<!---帮助文档--->
<div class="user-space-item" @click="showHelpDoc" v-if="showHelpDocFlag">
<!-- <div class="user-space-item" @click="showHelpDoc" v-if="showHelpDocFlag">
<span>帮助文档</span>
<DoubleLeftOutlined v-if="!helpDocExpandFlag" />
</div>
</div>-->
<HeaderSetting ref="headerSetting" />
</a-space>

10
smart-flow-web/src/layout/top-side-layout.vue

@ -55,15 +55,6 @@
<!-- 中间主内容区 -->
<a-layout-content class="main-content">
<!-- 面包屑栏 -->
<div class="breadcrumb-bar" v-show="!fullScreenFlag && breadCrumbFlag">
<MenuLocationBreadcrumb />
</div>
<!-- 页面标签页 (Tabs) -->
<div class="page-tags-bar" v-show="!fullScreenFlag && pageTagFlag">
<PageTag />
</div>
<!-- 内容滚动与渲染区 -->
<div class="content-scroll" :id="LAYOUT_ELEMENT_IDS.content">
@ -434,7 +425,6 @@
flex: 1;
overflow-y: auto;
overflow-x: hidden;
padding: 16px; /* 稍微增大边距 */
}
.admin-content {

66
smart-flow-web/src/views/jwpy/jwpy/flow/index.vue

@ -85,71 +85,7 @@ const currentBizTypeName = computed(() => {
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #3f86f8 0%, #1890ff 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.query-form {
margin-bottom: 20px;
padding: 16px;
background: rgba(255, 255, 255, 0.4);
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.03);
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/jwpy/wtss/index.vue

@ -27,63 +27,7 @@ import { InfoCircleOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #faad14 0%, #ffe58f 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(250, 173, 20, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/jwpy/wtzg/index.vue

@ -27,63 +27,7 @@ import { CheckCircleOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(255, 77, 79, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/jwpy/zxdc/index.vue

@ -27,63 +27,7 @@ import { SearchOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #722ed1 0%, #b37feb 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(114, 46, 209, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/myda/details/index.vue

@ -27,63 +27,7 @@ import { UnorderedListOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/myda/police/index.vue

@ -27,63 +27,7 @@ import { UserOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #1890ff 0%, #0050b3 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/myda/unit/index.vue

@ -27,63 +27,7 @@ import { ApartmentOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #1890ff 0%, #69c0ff 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/mydc/my-survey/index.vue

@ -27,63 +27,7 @@ import { SolutionOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #d4380d 0%, #ff7a45 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(212, 56, 13, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/mydc/questionnaire/index.vue

@ -27,63 +27,7 @@ import { FormOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #fa8c16 0%, #ffd666 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(250, 140, 22, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/mydc/sample/index.vue

@ -27,63 +27,7 @@ import { ContactsOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #096dd9 0%, #3f86f8 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(9, 109, 217, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/mydc/web-opinion/index.vue

@ -27,63 +27,7 @@ import { GlobalOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #0050b3 0%, #096dd9 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(0, 80, 179, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/myrx/desk/index.vue

@ -27,63 +27,7 @@ import { CustomerServiceOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #13c2c2 0%, #87e8de 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(19, 194, 194, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/myrx/flow/index.vue

@ -47,63 +47,7 @@ const currentBizTypeName = computed(() => {
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #389e0d 0%, #52c41a 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(82, 196, 26, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>

58
smart-flow-web/src/views/jwpy/myrx/wechat/index.vue

@ -27,63 +27,7 @@ import { WechatOutlined } from '@ant-design/icons-vue';
</script>
<style scoped>
.page-container {
padding: 16px;
min-height: calc(100vh - 120px);
}
.glass-card {
background: rgba(255, 255, 255, 0.65);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 12px;
padding: 24px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06);
}
.header {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 16px;
margin-bottom: 20px;
}
.icon-wrapper {
background: linear-gradient(135deg, #096dd9 0%, #1890ff 100%);
width: 48px;
height: 48px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: 0 4px 12px rgba(9, 109, 217, 0.25);
}
.icon {
font-size: 24px;
}
.title {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
margin: 0;
}
.subtitle {
font-size: 13px;
color: #666;
margin: 4px 0 0 0;
}
.table-placeholder {
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(255, 255, 255, 0.2);
}
</style>
</style>
Loading…
Cancel
Save