Styling the tab bar for mobile

zxplay · Jun 28, 2023 · 2c42879 · 2c42879
1 parent bb640aa
commit 2c42879
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/apps/web/public/style.css b/apps/web/public/style.css
@@ -107,13 +107,17 @@ code {
     font-size: 16px !important;
     height: calc(100vh - 177px) !important;
     max-height: 736px !important;
-    border: 1px solid #5B5B5B;
 }
 
 .desktop .CodeMirror {
+    border: 1px solid #5B5B5B;
     border-radius: 5px;
 }
 
+.mobile .CodeMirror {
+    border: 0 !important;
+}
+
 .CodeMirror-scrollbar-filler {
     background-color: #424242 !important;
 }
@@ -125,3 +129,11 @@ code {
 .p-submenu-list {
     z-index: 100 !important;
 }
+
+.mobile .p-tabview-nav {
+    border: 0 !important;
+}
+
+.mobile .p-tabview-panels {
+    padding: 0 !important;
+}
diff --git a/apps/web/src/components/HomePage.jsx b/apps/web/src/components/HomePage.jsx
@@ -50,7 +50,7 @@ export default function HomePage() {
                             <div className="col" style={{padding: 0}}>
 
                             </div>
-                            <div className="col-fixed p-0 pt-1" style={{width: `${width}px`}}>
+                            <div className="col-fixed p-0" style={{width: `${width}px`}}>
                                 <TabView
                                     activeIndex={activeIndex}
                                     onTabChange={(e) => dispatch(setSelectedTabIndex(e.index))}>