Browse Source

perf: 从`tailwind.css`中移除不常用的`@apply`

i18n
xiaoxian521 2 years ago
parent
commit
230af57c3e
  1. 2
      src/layout/components/panel/index.vue
  2. 8
      src/style/tailwind.css
  3. 2
      src/views/login/index.vue

2
src/layout/components/panel/index.vue

@ -18,7 +18,7 @@ emitter.on("openPanel", () => {
<template> <template>
<div :class="{ show: show }" class="right-panel-container"> <div :class="{ show: show }" class="right-panel-container">
<div class="right-panel-background" /> <div class="right-panel-background" />
<div ref="target" class="right-panel bg-white dark:bg-dark">
<div ref="target" class="right-panel bg-bg_color">
<div class="right-panel-items"> <div class="right-panel-items">
<div class="project-configuration"> <div class="project-configuration">
<h3 class="dark:text-white">项目配置</h3> <h3 class="dark:text-white">项目配置</h3>

8
src/style/tailwind.css

@ -3,14 +3,6 @@
@tailwind utilities; @tailwind utilities;
@layer components { @layer components {
.bg-dark {
@apply bg-bg_color;
}
.wh-full {
@apply w-full h-full;
}
.flex-c { .flex-c {
@apply flex justify-center items-center; @apply flex justify-center items-center;
} }

2
src/views/login/index.vue

@ -67,7 +67,7 @@ dataThemeChange();
</script> </script>
<template> <template>
<div class="wh-full select-none">
<div class="select-none">
<img :src="bg" class="wave" /> <img :src="bg" class="wave" />
<div class="flex-c absolute right-5 top-3"> <div class="flex-c absolute right-5 top-3">
<!-- 主题 --> <!-- 主题 -->

Loading…
Cancel
Save