Merge pull request #743 from hogashi/fixpopupbutton

wide save button
hogashi · Nov 8, 2024 · cc7ea29 · cc7ea29
2 parents f0e0ecc + a0a7676
commit cc7ea29
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/__tests__/__snapshots__/popup.test.js.snap b/__tests__/__snapshots__/popup.test.js.snap
@@ -163,7 +163,7 @@ exports[`Popup render 1`] = `
     </div>
   </div>
   <button
-    className="saveSettingButton rounded-md bg-indigo-600 w-1/2 mt-1 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+    className="saveSettingButton rounded-md bg-indigo-600 w-4/5 mt-1 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
     onClick={[Function]}
     type="submit"
   >

diff --git a/dist/css/popup.css b/dist/css/popup.css
@@ -587,6 +587,10 @@ video {
   height: 1.5rem;
 }
 
+.w-1 {
+  width: 0.25rem;
+}
+
 .w-1\/2 {
   width: 50%;
 }
@@ -595,6 +599,14 @@ video {
   width: 1rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
+.w-4\/5 {
+  width: 80%;
+}
+
 .flex-col {
   flex-direction: column;
 }

diff --git a/src/extension-contexts/popup.tsx b/src/extension-contexts/popup.tsx
@@ -140,7 +140,7 @@ export const Popup = (props: Props): JSX.Element => {
       </div>
       <button
         type="submit"
-        className="saveSettingButton rounded-md bg-indigo-600 w-1/2 mt-1 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+        className="saveSettingButton rounded-md bg-indigo-600 w-4/5 mt-1 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
         onClick={onSave}
       >
         {saveButtonText}