ボタン配置の調整

traPtitech · Jul 14, 2024 · a4a7e6a · a4a7e6a
1 parent a9fb3d7
commit a4a7e6a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 20 deletions.
diff --git a/src/pages/registerView.vue b/src/pages/registerView.vue
@@ -6,27 +6,9 @@
       <div :class="$style.itemC">C</div>
     </div>
   </div>
-  <div>
-    <radio-card
-      title="testtesttest"
-      content="testtest"
-      input-id="1"
-      name="ok"
-      value="a"
-    />
-    <radio-card
-      title="testtesttest"
-      content="testtes"
-      input-id="2"
-      name="ok"
-      value="b"
-    />
-  </div>
 </template>
 
-<script setup lang="ts">
-import RadioCard from '@/shared/components/RadioCard.vue';
-</script>
+<script setup lang="ts"></script>
 
 <style lang="scss" module>
 .wrapper {

diff --git a/src/shared/components/RadioButton.vue b/src/shared/components/RadioButton.vue
@@ -10,7 +10,8 @@
     :for="props.inputId"
     :class="$style.label"
     :style="`width: ${props.size}; height: ${props.size}`"
-  ></label>
+  >
+  </label>
 </template>
 
 <script lang="ts" setup>
@@ -33,6 +34,7 @@ const props = withDefaults(
 }
 
 .label {
+  display: inline-block;
   cursor: pointer;
   position: relative;
 }