@pubinfo-pr/module-rbac 0.221.3 → 0.222.2

package/src/views/theme_setting/index.vue

@@ -223,17 +223,32 @@ async function updateConfig(options: object) {
 
 <style scoped>
 .theme-item {
-  --at-apply: flex flex-col cursor-pointer border border-[color:var(--border-2,#e5e6eb)] pt-3 pb-0 px-6 rounded-lg border-solid;
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  border-width: 1px;
+  border-color: var(--border-2, #e5e6eb);
+  padding-top: 0.75rem; /* 12px */
+  padding-bottom: 0;
+  padding-left: 1.5rem; /* 24px */
+  padding-right: 1.5rem; /* 24px */
+  border-radius: 0.5rem; /* 8px */
+  border-style: solid;
   background: linear-gradient(180deg, #f4f7ff -22.05%, #fff 85.58%);
 }
 
 .theme-item.active {
-  --at-apply: border-[rgb(var(--ui-primary))] shadow-[0_2.6px_13px_0_#59626940] border-[2.6px] border-solid;
+  border-color: rgb(var(--ui-primary));
+  --un-shadow: 0 2.6px 13px 0 var(--un-shadow-color, rgb(89 98 105 / 0.25));
+  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
+    var(--un-shadow);
+  border-width: 2.6px;
+  border-style: solid;
   background: linear-gradient(180deg, #f4f7ff -22.05%, #fff 85.58%);
 }
 
 .theme-item.dark {
-  --at-apply: border-transparent;
+  border-color: transparent;
   background: linear-gradient(0deg, #3a3e43 0%, #3a3e43 100%), linear-gradient(180deg, #f4f7ff -22.05%, #fff 85.58%);
 }
 
@@ -242,11 +257,21 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-title {
-  --at-apply: flex items-center justify-center text-sm leading-[22px] text-center m-0 p-0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.875rem; /* 14px */
+  line-height: 1.25rem; /* 20px */
+  line-height: 22px;
+  text-align: center;
+  margin: 0;
+  padding: 0;
 }
 
 .theme-item .item-content {
-  --at-apply: flex flex-1 flex-col;
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: column;
   padding: calc(12 / 320 * 100%) calc(20 / 320 * 100%);
   margin-top: calc(12 / 320 * 100%);
   background: linear-gradient(180deg, #fff 0%, #fff0 100%);
@@ -262,7 +287,13 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .color-spot {
-  --at-apply: shrink-0 max-w-[30px] aspect-[1] rounded-[30px] border-2 border-solid border-white;
+  flex-shrink: 0;
+  max-width: 30px;
+  aspect-ratio: 1;
+  border-radius: 30px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: white;
   background: #fff;
   width: calc(30 / 270 * 100%);
   box-shadow: 0 0 4px 0 #00000026;
@@ -293,7 +324,12 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton {
-  --at-apply: flex flex-[auto] flex-col h-0 rounded mt-[22px];
+  display: flex;
+  flex: auto;
+  flex-direction: column;
+  height: 0;
+  border-radius: 0.25rem; /* 4px */
+  margin-top: 22px;
   background: #f5f8fe;
 }
 
@@ -302,7 +338,11 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton header {
-  --at-apply: flex items-center aspect-[10.45] pl-2.5 rounded-[4px_4px_0_0];
+  display: flex;
+  align-items: center;
+  aspect-ratio: 10.45;
+  padding-left: 0.625rem; /* 10px */
+  border-radius: 4px 4px 0 0;
 }
 
 .theme-item.dark .item-content .skeleton header {
@@ -310,7 +350,8 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton header .dot {
-  --at-apply: aspect-1 rounded-1/2;
+  aspect-ratio: 1;
+  border-radius: 50%;
   width: calc(8.5 / 230 * 100%);
   margin-right: calc(5 / 230 * 100%);
   background: rgb(255 255 255 / 50%);
@@ -321,7 +362,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton header .bar {
-  --at-apply: rounded-sm;
+  border-radius: 0.125rem; /* 2px */
   width: calc(68 / 230 * 100%);
   aspect-ratio: calc(68 / 7);
   background: rgb(255 255 255 / 50%);
@@ -332,12 +373,15 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body {
-  --at-apply: flex flex-1 h-0;
+  display: flex;
+  flex: 1 1 0%;
+  height: 0;
   padding: calc(7 / 230 * 100%);
 }
 
 .theme-item .item-content .skeleton .skeleton-body .aside {
-  --at-apply: h-full rounded;
+  height: 100%;
+  border-radius: 0.25rem; /* 4px */
   width: calc(36 / 230 * 100%);
   padding-top: calc(12 / 230 * 100%);
   margin-right: calc(7 / 230 * 100%);
@@ -349,7 +393,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body .aside .side-line {
-  --at-apply: rounded-sm;
+  border-radius: 0.125rem; /* 2px */
   width: calc(24.1 / 36.6 * 100%);
   aspect-ratio: calc(24.1 / 6.5);
   margin: 0 auto calc(4 / 36.6 * 100%);
@@ -361,7 +405,15 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main {
-  --at-apply: flex flex-[auto] justify-between h-full pt-[5.2%] pb-[3%] px-[5.6%] rounded-sm;
+  display: flex;
+  flex: auto;
+  justify-content: space-between;
+  height: 100%;
+  padding-top: 5.2%;
+  padding-bottom: 3%;
+  padding-left: 5.6%;
+  padding-right: 5.6%;
+  border-radius: 0.125rem; /* 2px */
   background: #fff;
 }
 
@@ -370,15 +422,16 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .left {
-  --at-apply: flex-1;
+  flex: 1 1 0%;
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .right {
-  --at-apply: w-3/10;
+  width: 30%;
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .left-item {
-  --at-apply: flex mb-[6.5];
+  display: flex;
+  margin-bottom: 6.5;
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .left-item .dot {

package/src/views/user/components/UserAuthorization.vue

@@ -252,10 +252,10 @@ defineExpose({
 
 <style scoped>
 .auth-card {
-  --at-apply: mt-3;
+  margin-top: 0.75rem; /* 12px */
 }
 
 .auth-card:first-of-type {
-  --at-apply: mt-3px;
+  margin-top: 3px;
 }
 </style>

package/src/views/watermark_setting/index.vue

@@ -213,7 +213,10 @@ function onSubmit() {
 
 <style scoped>
 .item_ani {
-  --at-apply: flex flex-col pt-[26px] rounded-lg;
+  display: flex;
+  flex-direction: column;
+  padding-top: 26px;
+  border-radius: 0.5rem; /* 8px */
   place-items: center center;
   background-color: var(--g-bg);
   border: 1px solid var(--g-tabbar-tab-hover-bg);

package/dist/operate_history.css

@@ -1 +0,0 @@
-.status-mark[data-v-a30b4755]{--un-bg-opacity:1;background-color:rgb(174 174 174/var(--un-bg-opacity)) ;border-radius:50%;width:.5rem;height:.5rem;margin-right:.25rem;display:inline-block}.status-mark.active[data-v-a30b4755]{background:#01d689}