ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better styling for pane and KCL editor focus (#2691)

Browse Source 
* Pane styling first steps

* More style tweaks

* Make pane background nearly opaque when focus is within them
This commit is contained in:
Frank Noirot
2024-06-18 12:42:47 -04:00
committed by GitHub
parent e42a891df8
commit 2386ba24e5
4 changed files with 94 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ModelingSidebar/ModelingPane.module.css
View File

@ -2,7 +2,7 @@
@apply relative z-0 rounded-r max-w-full h-full flex-1;
display: grid;
grid-template-rows: auto 1fr;
@apply bg-chalkboard-10/50 backdrop-blur-sm border border-chalkboard-20;
@apply bg-chalkboard-10/50 focus-within:bg-chalkboard-10/90 backdrop-blur-sm border border-chalkboard-20;
scroll-margin-block-start: 41px;
}
@ -12,7 +12,7 @@
}
:global(.dark) .panel {
@apply bg-chalkboard-100/50 backdrop-blur-[3px] border-chalkboard-80;
@apply bg-chalkboard-100/50 focus-within:bg-chalkboard-100/90 backdrop-blur-[3px] border-chalkboard-80;
}
.header {