starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-06-12 17:34:27 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Better native app styling. Hopefully this fixes the issue!

Browse Source 
Fixes #97
This commit is contained in:
Gregory Schier
2024-09-19 06:19:16 -07:00
parent 1d9a001036
commit 24ea76e753
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src-web/components/ResponsePane.tsx
+1
View File
@@ -117,6 +117,7 @@ export const ResponsePane = memo(function ResponsePane({ style, className, activ
> >
{activeResponse && ( {activeResponse && (
<HStack <HStack
as="p"
space={2} space={2}
className="whitespace-nowrap w-full pl-3 overflow-x-auto font-mono text-sm" className="whitespace-nowrap w-full pl-3 overflow-x-auto font-mono text-sm"
> >
src-web/components/core/Stacks.tsx
+1 -1
View File
@@ -56,7 +56,7 @@ export const VStack = forwardRef(function VStack(
}); });
type BaseStackProps = HTMLAttributes<HTMLElement> & { type BaseStackProps = HTMLAttributes<HTMLElement> & {
as?: ComponentType | 'ul' | 'label' | 'form'; as?: ComponentType | 'ul' | 'label' | 'form' | 'p';
space?: keyof typeof gapClasses; space?: keyof typeof gapClasses;
alignItems?: 'start' | 'center' | 'stretch' | 'end'; alignItems?: 'start' | 'center' | 'stretch' | 'end';
justifyContent?: 'start' | 'center' | 'end' | 'between'; justifyContent?: 'start' | 'center' | 'end' | 'between';
src-web/main.css
+12 -4
View File
@@ -19,10 +19,18 @@
} }
/* Disable user selection to make it more "app-like" */ /* Disable user selection to make it more "app-like" */
:not(a), h1,
:not(input):not(textarea), h2,
:not(input):not(textarea)::after, h3,
:not(input):not(textarea)::before { h4,
h5,
h6,
p,
blockquote,
label,
code,
pre,
li {
@apply select-none cursor-default; @apply select-none cursor-default;
} }