dtoro/micronomicon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve styles

Browse Source
This commit is contained in:
authentik Default Admin
2026-04-03 15:04:10 +02:00
parent f082a30b7f
commit 0d469f70bf
4 changed files with 85 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/editor/PreviewPane.tsx
View File

@@ -23,8 +23,8 @@ export default function PreviewPane() {
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full">
<div className="flex items-center px-3 py-1.5 border-b-2 border-border shrink-0 gap-2"> <div className="flex items-center px-4 py-2 border-b-2 border-border shrink-0 gap-2">
<span className="text-xs text-muted-foreground flex-1"> <span className="font-medium text-foreground flex-1">
Preview Preview
{isDynamic && ( {isDynamic && (
<span className="ml-1.5 text-primary/60 text-[10px]" title="Dynamic page">⚡</span> <span className="ml-1.5 text-primary/60 text-[10px]" title="Dynamic page">⚡</span>

2
frontend/src/components/editor/ToolBar.tsx
View File

@@ -24,7 +24,7 @@ export default function ToolBar({
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<div className="flex items-center gap-2 px-3 py-1.5 border-b-2 border-border shrink-0"> <div className="flex items-center gap-2 px-4 py-2 border-b-2 border-border shrink-0">
<button <button
onClick={() => navigate("/")} onClick={() => navigate("/")}
className="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1 text-xs uppercase tracking-wider" className="text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1 text-xs uppercase tracking-wider"

4
frontend/src/routes/EditorView.tsx
View File

@@ -206,8 +206,8 @@ function SourcePane({
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full">
<div className="flex items-center px-3 py-1.5 border-b-2 border-border shrink-0 gap-2"> <div className="flex items-center px-4 py-2 border-b-2 border-border shrink-0 gap-2">
<span className="text-xs text-muted-foreground flex-1">Source</span> <span className="font-medium text-foreground flex-1">Source</span>
<Popover open={examplesOpen} onOpenChange={setExamplesOpen}> <Popover open={examplesOpen} onOpenChange={setExamplesOpen}>
<PopoverTrigger <PopoverTrigger