feat: better play button

2024-03-20 00:27:15 +09:00
parent f8b3e2a15d
commit 81e8217150
4 changed files with 120 additions and 94 deletions
--- a/1000-hours/.vitepress/theme/layouts/index.vue
+++ b/1000-hours/.vitepress/theme/layouts/index.vue
@@ -18,37 +18,12 @@ const { Layout } = DefaultTheme
  </Layout>
 </template>

-<style lang="scss">
+<style lang="scss" >
@import url(../components/SpeakWord.scss);
 .speak-word-wrapper {
  display: inline-block;
  margin: 0px;
  vertical-align: middle;
 }
-.speak-word.inline {
-  border: none;
-  display: flex;
-  padding: 0;
-  .word {
-    display: inline-block;
-  }
-  .ctrl-part {
-    .play-button {
-      display: flex;
-      width: 24px;
-      height: 24px;
-      align-items: center;
-      justify-content: center;
-      .icon {
-        width: 16px;
-        height: 16px;
-      }
-    }
-    .accent-label {
-      font-size: 14px;
-      display: inline-block;
-      color: white;
-    }
-  }
-}
+
 </style>