aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-18 22:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: color themes

Browse Source
This commit is contained in:
Shusui MOYATANI
2024-01-06 18:02:50 +09:00
parent e36176c8cb
commit 357e337f66
44 changed files with 459 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/column/Column.tsx
View File

@@ -45,7 +45,7 @@ const Column: Component<ColumnProps> = (props) => {
<TimelineContext.Provider value={timelineState}>
<div
ref={columnDivRef}
class="flex w-[80vw] shrink-0 snap-center snap-always flex-col border-r sm:snap-align-none"
class="flex w-[80vw] shrink-0 snap-center snap-always flex-col border-r border-border sm:snap-align-none"
classList={{
'sm:w-[500px]': width() === 'widest',
'sm:w-[360px]': width() === 'wide',
@@ -58,7 +58,7 @@ const Column: Component<ColumnProps> = (props) => {
keyed
fallback={
<>
<div class="shrink-0 border-b">{props.header}</div>
<div class="shrink-0 border-b border-border">{props.header}</div>
<div class="scrollbar flex flex-col overflow-y-scroll scroll-smooth pb-16">
{props.children}
</div>
@@ -67,7 +67,7 @@ const Column: Component<ColumnProps> = (props) => {
>
{(timeline) => (
<>
<div class="flex shrink-0 items-center border-b bg-white px-2">
<div class="flex shrink-0 items-center border-b border-border px-2">
<button
class="flex w-full items-center gap-1"
onClick={() => timelineState?.clearTimeline()}