mirror of
https://github.com/zebrajr/react.git
synced 2026-01-15 12:15:22 +00:00
Make collapsed playground tabs more compact
Make collapsed playground tabs more compact We have a lot of steps creating a lot of tabs by now. This makes them visually a lot more compact without a full redesign. Makes it a bit harder to read and less modern looking, but I think usability was a bit bad with the wide tabs. **Before:**  **After:** 
This commit is contained in:
@@ -78,7 +78,7 @@ function TabbedWindowItem({
|
||||
{tabs.get(name) ?? <div>No output for {name}</div>}
|
||||
</div>
|
||||
) : (
|
||||
<div className="relative items-center h-full px-4 py-8 align-middle border-r border-grey-200">
|
||||
<div className="relative items-center h-full px-1 py-8 align-middle border-r border-grey-200">
|
||||
<button
|
||||
style={{ transform: "rotate(90deg) translate(-50%)" }}
|
||||
onClick={toggleTabs}
|
||||
|
||||
Reference in New Issue
Block a user