Skip to content

Commit

Permalink
feat: New border styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@areknawo
areknawo committed Oct 27, 2024
1 parent 7f3edb5 commit 71b1e01
Show file tree
Hide file tree
Showing 43 changed files with 75 additions and 76 deletions.
2 changes: 1 addition & 1 deletion apps/docs/.astro/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"_variables": {
"lastUpdateCheck": 1723974048314
"lastUpdateCheck": 1729878860068
}
}
2 changes: 1 addition & 1 deletion apps/landing-page/.astro/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"_variables": {
"lastUpdateCheck": 1723187347646
"lastUpdateCheck": 1729878860086
}
}
2 changes: 1 addition & 1 deletion apps/web/src/components/fragments/collapsible-section.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const CollapsibleSection: Component<CollapsibleSectionProps> = (props) => {
</div>
<div
class={clsx(
"flex flex-col justify-center items-start gap-2 ml-3.5 pl-3.5 w-[calc(100%-0.875rem)] border-l-2 border-gray-200 dark:border-gray-700",
"flex flex-col justify-center items-start gap-2 ml-3.5 pl-3.5 w-[calc(100%-0.875rem)] border-l border-gray-200 dark:border-gray-700",
opened() ? "py-1 my-1" : "max-h-0 overflow-hidden"
)}
>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/fragments/mini-code-editor.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ const MiniCodeEditor: Component<MiniCodeEditorProps> = (props) => {
<div
ref={setEditorContainerRef}
class={clsx(
"w-full bg-gray-100 border-2 not-prose dark:bg-gray-900 rounded-2xl dark:border-gray-700 rounded-editor-2xl customized-editor",
"w-full bg-gray-100 border not-prose dark:bg-gray-900 rounded-2xl dark:border-gray-700 rounded-editor-2xl customized-editor",
props.color === "contrast" && "customized-editor-contrast",
props.class
)}
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/context/command-palette/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -407,7 +407,7 @@ const CommandPalette: Component<CommandPaletteProps> = (props) => {
setMouseHoverEnabled(true);
}}
>
<div class="flex w-full justify-center items-center p-2 border-b-2 dark:border-gray-700">
<div class="flex w-full justify-center items-center p-2 border-b dark:border-gray-700">
<IconButton path={getIcon()} text="soft" variant="text" badge hover={false} class="m-0" />
<Show when={props.openedCommand}>
<Button badge size="small" text="soft" color="contrast" hover={false} class="m-0 ml-2">
Expand Down Expand Up @@ -683,7 +683,7 @@ const CommandPalette: Component<CommandPaletteProps> = (props) => {
</Switch>
</div>
</div>
<div class="border-t-2 dark:border-gray-700 px-2 py-1 flex gap-2 bg-gray-100 dark:bg-gray-800">
<div class="border-t dark:border-gray-700 px-2 py-1 flex gap-2 bg-gray-100 dark:bg-gray-800">
<div class="hidden md:flex gap-2">
<IconButton
path={mdiSwapVertical}
Expand Down
3 changes: 1 addition & 2 deletions apps/web/src/layout/secured-layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,8 +74,7 @@ const SecuredLayout: ParentComponent = (props) => {
<div
class={clsx(
"flex-1 flex flex-col-reverse md:flex-row h-[calc(100%-1.5rem)]",
!storage().zenMode &&
"md:border-b-2 border-gray-200 dark:border-gray-700"
!storage().zenMode && "md:border-b border-gray-200 dark:border-gray-700"
)}
>
<Show
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/layout/side-panel-right.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ const SidePanelRight: Component = () => {
"transition-transform ease-out duration-350",

collapsed() && "translate-y-[100vh] md:translate-y-0 z-50",
!collapsed() && "md:border-l-2 z-20"
!collapsed() && "md:border-l z-20"
)}
style={{
"width": `${storage().rightPanelWidth || 0}px`,
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/layout/side-panel.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ const SidePanel: Component = () => {
"transition-transform ease-out duration-350",
sidePanelEnabled() ? "flex" : "hidden",
collapsed() && "translate-y-[100vh] md:translate-y-0 z-50",
!collapsed() && "md:border-r-2 z-20"
!collapsed() && "md:border-r z-20"
)}
style={{
"width": `${storage().sidePanelWidth || 0}px`,
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/layout/sidebar-menu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -413,7 +413,7 @@ const SidebarMenu: Component = () => {
>
<Card
class={clsx(
"flex justify-center items-center box-content fixed z-50 p-0 h-[calc(env(safe-area-inset-bottom,0)+3.625rem)] transition-all duration-300 m-0 rounded-0 border-0 border-t-2 md:border-t-0 md:border-r-2 w-full md:w-[calc(3.25rem+env(safe-area-inset-left,0px))] pl-[calc(env(safe-area-inset-left,0px))] md:h-full relative bottom-0 md:bottom-unset",
"flex justify-center items-center box-content fixed z-50 p-0 h-[calc(env(safe-area-inset-bottom,0)+3.625rem)] transition-all duration-300 m-0 rounded-0 border-0 border-t md:border-t-0 md:border-r w-full md:w-[calc(3.25rem+env(safe-area-inset-left,0px))] pl-[calc(env(safe-area-inset-left,0px))] md:h-full relative bottom-0 md:bottom-unset",
hideMenu() && "hidden"
)}
color="base"
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/layout/toolbar/export-menu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -277,7 +277,7 @@ const ExportMenu: Component<ExportMenuProps> = (props) => {
a.click();
}}
/>
<div class="h-8 pl-1 mr-1 border-r-2 border-gray-500 dark:border-gray-400" />
<div class="h-8 pl-1 mr-1 border-r border-gray-500 dark:border-gray-400" />
<Tooltip text="Copy" class="mt-1">
<IconButton
path={mdiClipboardOutline}
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/layout/toolbar/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -295,7 +295,7 @@ const Toolbar: Component<{ class?: string }> = (props) => {
return (
<div
class={clsx(
":base-2: p-1 w-full flex items-center border-b-2 absolute h-12 border-gray-200 dark:border-gray-700 justify-end @container z-10",
":base-2: p-1 w-full flex items-center border-b absolute h-12 border-gray-200 dark:border-gray-700 justify-end @container z-10",
props.class
)}
>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/lib/editor/extensions/block-action-menu/component.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,7 @@ const BlockActionMenu: Component<BlockActionMenuProps> = (props) => {
<Tooltip text={blockAction.label} side="left" class="-ml-1">
<Button
class={clsx(
"h-8 w-8 p-0 m-0 border-2 flex justify-center items-center",
"h-8 w-8 p-0 m-0 border flex justify-center items-center",
props.opened && "border-primary",
!props.opened &&
"border-gray-200 dark:border-gray-700 hover:border-gray-300 hover:dark:border-gray-700"
Expand Down
8 changes: 4 additions & 4 deletions apps/web/src/lib/editor/extensions/code-block/menu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@ const CodeBlockMenu: Component<CodeBlockMenuProps> = (props) => {
);

return (
<div class="pointer-events-auto flex bg-gray-50 dark:bg-gray-900 !md:bg-transparent border-gray-200 dark:border-gray-700 border-y-2 md:border-0 backdrop-blur-sm md:gap-2 w-screen md:flex-1 !md:left-unset relative md:rounded-2xl">
<Card class="flex m-0 border-0 md:border-2 p-1 md:p-0 rounded-xl overflow-hidden gap-1 md:gap-0.5">
<div class="pointer-events-auto flex bg-gray-50 dark:bg-gray-900 !md:bg-transparent border-gray-200 dark:border-gray-700 border-y md:border-0 backdrop-blur-sm md:gap-2 w-screen md:flex-1 !md:left-unset relative md:rounded-2xl">
<Card class="flex m-0 border-0 md:border p-1 md:p-0 rounded-xl overflow-hidden gap-1 md:gap-0.5">
<Tooltip text="Title" class="mt-1" fixed>
<IconButton
path={mdiFileOutline}
Expand All @@ -64,7 +64,7 @@ const CodeBlockMenu: Component<CodeBlockMenuProps> = (props) => {
></IconButton>
</Tooltip>
</Card>
<Card class="flex m-0 border-0 md:border-2 px-1 py-1 md:py-0 rounded-xl overflow-hidden flex-1">
<Card class="flex m-0 border-0 md:border px-1 py-1 md:py-0 rounded-xl overflow-hidden flex-1">
<Input
wrapperClass="flex-1 min-w-unset w-full md:max-w-96"
placeholder={mode() === "title" ? "Snippet title" : "Language meta"}
Expand All @@ -87,7 +87,7 @@ const CodeBlockMenu: Component<CodeBlockMenuProps> = (props) => {
}}
/>
</Card>
<Card class="flex m-0 border-0 md:border-2 p-1 md:p-0 rounded-xl overflow-hidden">
<Card class="flex m-0 border-0 md:border p-1 md:p-0 rounded-xl overflow-hidden">
<Show when={props.state.editor.isEditable}>
<Tooltip
text={formattingAvailable() ? "Format" : "Formatting unavailable"}
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/lib/editor/extensions/code-block/view.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -406,7 +406,7 @@ const CodeBlockView: Component<CodeBlockViewProps> = (props) => {
ref={setEditorContainerRef}
spellcheck={false}
class={clsx(
"code-block-editor bg-gray-50 dark:bg-gray-900 rounded-2xl rounded-editor-2xl border-2 border-gray-300 dark:border-gray-700 box-content customized-editor"
"code-block-editor bg-gray-50 dark:bg-gray-900 rounded-2xl rounded-editor-2xl border border-gray-300 dark:border-gray-700 box-content customized-editor"
)}
/>
<Portal mount={document.getElementById("pm-container") || document.body}>
Expand All @@ -421,7 +421,7 @@ const CodeBlockView: Component<CodeBlockViewProps> = (props) => {
</div>
</Portal>
<div
class="hidden code-block-placeholder bg-gray-50 dark:bg-gray-900 border-2 border-gray-300 dark:border-gray-700 rounded-2xl"
class="hidden code-block-placeholder bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-2xl"
ref={setPlaceholderRef}
/>
</div>
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/lib/editor/extensions/collab-cursor.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -180,7 +180,7 @@ const CollabCursor = (provider: HocuspocusProvider): Extension => {
{"\u2060"}
<div
class={clsx(
"absolute group -top-px -right-px h-2px w-2px flex justify-center items-center ring-2 hover:ring-0 transition-shadow duration-100",
"absolute group -top-px -right-px h-2px w-px flex justify-center items-center ring-2 hover:ring-0 transition-shadow duration-100",
selectionClasses[color].cursor
)}
>
Expand Down Expand Up @@ -215,7 +215,7 @@ const CollabCursor = (provider: HocuspocusProvider): Extension => {
}}
data-collab-cursor="true"
class={clsx(
"absolute border-2 rounded-[18px] pointer-events-none",
"absolute border rounded-[18px] pointer-events-none",
selectionClasses[color].outline
)}
>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/lib/editor/extensions/comment-menu/comment-input.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ const CommentInput: Component<{
<>
<div class={clsx("relative", props.thread?.resolved && "hidden")}>
<MiniEditor
class="flex-1 min-h-24 prose !text-base border-gray-200 bg-gray-50 dark:bg-gray-900 dark:border-gray-700 px-3 pt-2 pb-12 border-2 rounded-2xl"
class="flex-1 min-h-24 prose !text-base border-gray-200 bg-gray-50 dark:bg-gray-900 dark:border-gray-700 px-3 pt-2 pb-12 border rounded-2xl"
placeholder="Write here..."
initialValue=""
inline
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/lib/editor/extensions/comment-menu/comment-thread.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ const CommentThread: Component<{
</div>
<Show when={!loading() && !selected() && latterComments().length}>
<div
class="border-2 border-gray-200 dark:border-gray-700 border-t-0 bg-gray-50 dark:bg-gray-800 absolute -bottom-3 w-[calc(100%-2rem)] text-center text-xs text-gray-500 dark:text-gray-400 rounded-b-xl -z-1 py-0.5"
class="border border-gray-200 dark:border-gray-700 border-t-0 bg-gray-50 dark:bg-gray-800 absolute -bottom-3 w-[calc(100%-2rem)] text-center text-xs text-gray-500 dark:text-gray-400 rounded-b-xl -z-1 py-0.5"
style={{ "mask-image": "linear-gradient(to bottom, black, transparent)" }}
>
+{latterComments().length} Comment{comments().length > 1 ? "s" : ""}
Expand Down
8 changes: 4 additions & 4 deletions apps/web/src/lib/editor/extensions/element/xml-node-view.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ const xmlNodeView = ({
bottomCodeKey.textContent = getClosingTag(node);
contentContainer.setAttribute(
"class",
"px-3 py-[2px] w-full border-gray-300 dark:border-gray-700 border-l-2 ml-1 content"
"px-3 py-[2px] w-full border-gray-300 dark:border-gray-700 border-l ml-1 content"
);
wrapper.setAttribute("class", "flex flex-col justify-center items-center relative w-full");
contentWrapper.setAttribute("class", clsx(node.content.size && "relative", "content"));
Expand Down Expand Up @@ -89,7 +89,7 @@ const xmlNodeView = ({

if (!node.content.size) {
bottomCode.classList.add("!hidden");
contentContainer.classList.remove("border-l-2", "px-3", "py-[2px]");
contentContainer.classList.remove("border-l", "px-3", "py-[2px]");
}

const update = (meta: {
Expand Down Expand Up @@ -177,11 +177,11 @@ const xmlNodeView = ({
if (node.content.size) {
bottomCode.classList.remove("!hidden");
contentWrapper.classList.add("relative");
contentContainer.classList.add("border-l-2", "px-3", "py-[2px]");
contentContainer.classList.add("border-l", "px-3", "py-[2px]");
} else {
bottomCode.classList.add("!hidden");
contentWrapper.classList.remove("relative");
contentContainer.classList.remove("border-l-2", "px-3", "py-[2px]");
contentContainer.classList.remove("border-l", "px-3", "py-[2px]");
}

return true;
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/lib/editor/extensions/embed/menu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@ const EmbedMenu: Component<ImageMenuProps> = (props) => {
};

return (
<div class="pointer-events-auto flex bg-gray-50 dark:bg-gray-900 !md:bg-transparent border-gray-200 dark:border-gray-700 border-y-2 md:border-0 backdrop-blur-sm md:gap-2 w-screen md:flex-1 !md:left-unset relative md:rounded-2xl">
<Card class="flex m-0 border-0 md:border-2 px-1 py-1 md:py-0 rounded-xl overflow-hidden flex-1">
<div class="pointer-events-auto flex bg-gray-50 dark:bg-gray-900 !md:bg-transparent border-gray-200 dark:border-gray-700 border-y md:border-0 backdrop-blur-sm md:gap-2 w-screen md:flex-1 !md:left-unset relative md:rounded-2xl">
<Card class="flex m-0 border-0 md:border px-1 py-1 md:py-0 rounded-xl overflow-hidden flex-1">
<Input
wrapperClass="w-full min-w-unset md:max-w-96 flex-1"
class="w-full bg-transparent m-0 flex-1 text-lg"
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/lib/editor/extensions/embed/view.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ const EmbedView: Component = () => {
fallback={
<div
class={clsx(
"pt-[35%] w-full rounded-2xl bg-gradient-to-tr flex justify-center items-center relative border-2 border-gray-300 dark:border-gray-700"
"pt-[35%] w-full rounded-2xl bg-gradient-to-tr flex justify-center items-center relative border border-gray-300 dark:border-gray-700"
)}
>
<div class="absolute flex flex-col items-center justify-center font-bold text-white transform -translate-y-1/2 top-1/2">
Expand All @@ -144,7 +144,7 @@ const EmbedView: Component = () => {
>
<iframe
src={attrs().src || ""}
class="object-contain w-full m-0 transition-opacity duration-300 border-2 border-gray-300 dark:border-gray-700 aspect-video min-h-96 rounded-2xl"
class="object-contain w-full m-0 transition-opacity duration-300 border border-gray-300 dark:border-gray-700 aspect-video min-h-96 rounded-2xl"
/>
</Show>
<Show when={state().editor.isEditable}>
Expand Down
10 changes: 5 additions & 5 deletions apps/web/src/lib/editor/extensions/image/menu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,15 +52,15 @@ const ImageMenu: Component<ImageMenuProps> = (props) => {
return (
<div
class={clsx(
"pointer-events-auto flex bg-gray-50 dark:bg-gray-900 border-gray-200 dark:border-gray-700 border-y-2 backdrop-blur-sm relative !md:left-unset",
options().cover ? "w-full border-2 rounded-xl overflow-hidden" : "w-screen",
"pointer-events-auto flex bg-gray-50 dark:bg-gray-900 border-gray-200 dark:border-gray-700 border-y backdrop-blur-sm relative !md:left-unset",
options().cover ? "w-full border rounded-xl overflow-hidden" : "w-screen",
"md:gap-2 md:flex-1 md:border-0 md:rounded-2xl md:overflow-visible !md:bg-transparent"
)}
>
<Card
class={clsx(
"p-1 flex m-0 border-0 overflow-hidden rounded-none gap-1",
"md:gap-0.5 md:p-0 md:border-2 md:rounded-xl"
"md:gap-0.5 md:p-0 md:border md:rounded-xl"
)}
>
<Tooltip text="Alt" fixed class="mt-1">
Expand Down Expand Up @@ -93,7 +93,7 @@ const ImageMenu: Component<ImageMenuProps> = (props) => {
<Card
class={clsx(
"px-1 py-1 m-0 border-0 flex-1 overflow-hidden rounded-none",
"md:py-0 md:border-2 md:rounded-xl"
"md:py-0 md:border md:rounded-xl"
)}
>
<Input
Expand Down Expand Up @@ -122,7 +122,7 @@ const ImageMenu: Component<ImageMenuProps> = (props) => {
<Card
class={clsx(
"p-1 flex m-0 border-0 overflow-hidden rounded-none gap-1",
"md:gap-0.5 md:p-0 md:border-2 md:rounded-xl"
"md:gap-0.5 md:p-0 md:border md:rounded-xl"
)}
>
<Tooltip text="Image URL" fixed class="mt-1">
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/lib/editor/extensions/image/view.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -211,7 +211,7 @@ const ImageView: Component = () => {
)}
>
<div
class={clsx("border-gray-200 dark:border-gray-700 relative group rounded-2xl border-2")}
class={clsx("border-gray-200 dark:border-gray-700 relative group rounded-2xl border")}
ref={setReferenceContainerRef}
>
<Show when={state().editor.isEditable}>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/lib/editor/extensions/slash-menu/component.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -190,7 +190,7 @@ const SlashMenu: Component<SlashMenuProps> = (props) => {
<Show when={breakpoints.md()}>
<Card
class={clsx(
"shadow-2xl md:shadow-none rounded-none border-x-0 md:border-x-2 md:rounded-2xl -translate-x-2 md:translate-x-0 w-screen md:w-72 m-0 max-h-96 overflow-hidden transition duration-200 transform origin-top-left p-1"
"shadow-2xl md:shadow-none rounded-none border-x-0 md:border-x md:rounded-2xl -translate-x-2 md:translate-x-0 w-screen md:w-72 m-0 max-h-96 overflow-hidden transition duration-200 transform origin-top-left p-1"
)}
>
<div class={clsx("w-full h-full overflow-auto max-h-88 scrollbar-sm")}>
Expand Down
10 changes: 5 additions & 5 deletions apps/web/src/styles/styles.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@mixin checkbox {
@apply bg-gray-50 border-gray-200 dark:(bg-gray-900 border-gray-700) border-2 rounded-lg h-6 w-6 focus:(ring-0 border-gray-200 dark:border-gray-700) hover:border-primary cursor-pointer disabled:opacity-70 disabled:hover:border-gray-200 disabled:hover:dark:border-gray-700 disabled:cursor-default;
@apply bg-gray-50 border-gray-200 dark:(bg-gray-900 border-gray-700) border rounded-lg h-6 w-6 focus:(ring-0 border-gray-200 dark:border-gray-700) hover:border-primary cursor-pointer disabled:opacity-70 disabled:hover:border-gray-200 disabled:hover:dark:border-gray-700 disabled:cursor-default;
&:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"),
linear-gradient(to top right, var(--un-gradient-stops));
Expand Down Expand Up @@ -94,11 +94,11 @@ kbd {
}

tr {
@apply border-2 border-gray-300 dark:border-gray-700;
@apply border border-gray-300 dark:border-gray-700;
}
td,
th {
@apply text-left font-500 border-2 border-gray-300 dark:border-gray-700 relative p-2 vertical-top;
@apply text-left font-500 border border-gray-300 dark:border-gray-700 relative p-2 vertical-top;
min-width: 100px;
border-style: none solid solid none;
word-break: break-all;
Expand Down Expand Up @@ -142,7 +142,7 @@ kbd {
}

.column-resize-handle {
@apply bg-primary absolute w-0.5 -bottom-0.5 -top-0.5 -right-0.5 z-10 pointer-events-none;
@apply bg-primary absolute w-px -bottom-0.5 -top-0.5 -right-0.5 z-10 pointer-events-none;
}
&.resizing {
.code-block-editor {
Expand Down Expand Up @@ -181,7 +181,7 @@ kbd {
top: 50%;
transform: translateY(-50%);
//border: 2px solid #e5e7eb;
@apply border-2;
@apply border;
opacity: 1;
}
}
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/views/comments/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const CommentViewThread: Component<CommentsViewThreadProps> = (props) => {
<Show when={thread}>
<div
class={clsx(
"flex flex-col gap-2 p-3 rounded-[1.25rem] cursor-pointer relative z-0 border-2 bg-gray-200 dark:bg-gray-900 dark:bg-opacity-40 bg-opacity-40 border-gray-200 dark:border-gray-700 transform transition-transform",
"flex flex-col gap-2 p-3 rounded-[1.25rem] cursor-pointer relative z-0 border bg-gray-200 dark:bg-gray-900 dark:bg-opacity-40 bg-opacity-40 border-gray-200 dark:border-gray-700 transform transition-transform",
activeFragmentId() && props.fragmentId !== activeFragmentId() && "opacity-40 scale-95",
props.fragmentId !== activeFragmentId() && thread?.resolved && "pb-2"
)}
Expand Down
Loading

0 comments on commit 71b1e01

Please sign in to comment.