Design tweaks (#126)

srcbookdev · Jul 11, 2024 · b8e6ac2 · b8e6ac2
1 parent 95a885d
commit b8e6ac2
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/packages/web/src/components/cell-stdio.tsx b/packages/web/src/components/cell-stdio.tsx
@@ -26,7 +26,7 @@ export function CellStdio({ cell, show, setShow }: PropsType) {
       <Tabs value={activeTab} onValueChange={setActiveTab}>
         <div
           className={cn(
-            'px-3 flex items-center justify-between bg-muted text-tertiary-foreground rounded-md',
+            'px-3 flex items-center justify-between bg-muted text-tertiary-foreground rounded-b-mid',
             show && 'border-b rounded-none',
           )}
         >

diff --git a/packages/web/src/components/srcbook-cards.tsx b/packages/web/src/components/srcbook-cards.tsx
@@ -111,7 +111,7 @@ export function SrcbookCard(props: SrcbookCardPropsType) {
         props.running ? 'border-run' : 'hover:border-foreground',
       )}
     >
-      <h5 className="font-semibold leading-[18px] line-clamp-3">{props.title}</h5>
+      <h5 className="font-semibold leading-[18px] line-clamp-2">{props.title}</h5>
       <div className="flex items-center justify-between text-tertiary-foreground">
         <div className="text-[13px] flex items-center gap-2">
           {props.running ? (

diff --git a/packages/web/src/index.css b/packages/web/src/index.css
@@ -329,6 +329,7 @@
 
 .cm-editor .cm-gutters .cm-gutterElement {
   @apply px-1.5;
+  padding-top: 1px;
   font-size: 12px;
 }
 

diff --git a/packages/web/tailwind.config.js b/packages/web/tailwind.config.js
@@ -135,6 +135,7 @@ module.exports = {
       },
       borderRadius: {
         sm: '0.1875rem', // 3px
+        mid: '0.375rem', // 6px
         md: '0.4375rem', // 7px
       },
       transitionProperty: {