fixing min-h isses in codeblock · leaflet.pub/leaflet@30fe237

leaflet.pub / leaflet

fork atom

a tool for shared writing and social publishing

fork atom

fixing min-h isses in codeblock

cozylittle.house 1 month ago 30fe237f e01aa543

+3 -2

2 changed files

expand all

app

globals.css

components

Blocks

CodeBlock.tsx

+2 -1

app/globals.css

··· 274 274 @apply p-2; 275 275 @apply rounded-md; 276 276 @apply overflow-auto; 277 - @apply min-h-12; 277 + @apply sm:min-h-12; 278 + @apply min-h-10; 278 279 279 280 @media (min-width: 640px) { 280 281 @apply p-3;

+1 -1

components/Blocks/CodeBlock.tsx

··· 72 72 isSelected={focusedBlock} 73 73 hasBackground="accent" 74 74 borderOnHover 75 - className="p-0! min-h-[48px]" 75 + className="p-0! min-h-10 sm:min-h-12" 76 76 > 77 77 {focusedBlock && permissions.write ? ( 78 78 <BaseTextareaBlock