fix: markup fix for service create modal

3 years ago · 0369ae25a7
parent 95e3f77911
commit 0369ae25a7
1 changed files with 26 additions and 25 deletions
--- a/services/frontend/src/components/Modal/Service/Create.tsx
+++ b/services/frontend/src/components/Modal/Service/Create.tsx
@ -90,9 +90,11 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
            >
              {(formik) => (
                <>
-                  <div className="hidden sm:block">
-                    <div className="border-b border-gray-200 px-8">
-                      <nav className="-mb-px flex space-x-8" aria-label="Tabs">
+                  <div className="border-b border-gray-200 px-4 md:px-8">
+                    <nav
+                      className="-mb-px flex space-x-4 md:space-x-8"
+                      aria-label="Tabs"
+                    >
                      {tabs.map((tab) => (
                        <a
                          key={tab.name}
@ -115,7 +117,6 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
                      ))}
                    </nav>
                  </div>
-                  </div>

                  <div className="relative px-4 py-3 flex-auto">
                    {openTab === "General" && <General />}