Merge pull request #26 from kodai3/improve-boxsizing-usage

fix: 🐛 prefer border-box
ubie-oss · Mar 13, 2024 · 65b98c9 · 65b98c9
2 parents 33d33f8 + 5063285
commit 65b98c9
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/components/Accordion/Accordion.module.css b/src/components/Accordion/Accordion.module.css
@@ -1,12 +1,17 @@
+.container,
+.container * {
+  box-sizing: border-box;
+}
+
 .button {
-  box-sizing: content-box;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: var(--color-text-main);
   background: none;
   border: 1px solid var(--color-border);
   cursor: pointer;
+  width: auto;
 }
 
 .button:hover {
@@ -19,16 +24,16 @@
 }
 
 .medium .button {
-  width: calc(100% - 2rem - 2px);
-  min-height: calc(2rem - 2px);
+  width: 100%;
+  min-height: 2rem;
   padding: var(--size-spacing-md);
   font-weight: bold;
   border-radius: var(--radius-md);
 }
 
 .small .button {
-  width: calc(100% - 1rem);
-  min-height: calc(1.5rem - 2px);
+  width: 100%;
+  min-height: 1.5rem;
   padding: var(--size-spacing-xs);
   font-size: var(--text-button-md-size);
   border-right: none;