fix more font sizes
This commit is contained in:
parent
b75ca193a2
commit
7e34069021
4 changed files with 4 additions and 4 deletions
|
|
@ -2,7 +2,7 @@ import cx from '@src/cx.mjs';
|
||||||
|
|
||||||
export function ActionButton({ children, label, labelIsHidden, className, ...buttonProps }) {
|
export function ActionButton({ children, label, labelIsHidden, className, ...buttonProps }) {
|
||||||
return (
|
return (
|
||||||
<button className={cx('hover:opacity-50 text-nowrap w-fit', className)} title={label} {...buttonProps}>
|
<button className={cx('hover:opacity-50 text-nowrap w-fit text-sm ', className)} title={label} {...buttonProps}>
|
||||||
{labelIsHidden !== true && label}
|
{labelIsHidden !== true && label}
|
||||||
{children}
|
{children}
|
||||||
</button>
|
</button>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ export function ConsoleTab() {
|
||||||
const log = useStore($strudel_log_history);
|
const log = useStore($strudel_log_history);
|
||||||
const { fontFamily } = useSettings();
|
const { fontFamily } = useSettings();
|
||||||
return (
|
return (
|
||||||
<div id="console-tab" className="break-all w-full first-line:text-sm p-2 h-full" style={{ fontFamily }}>
|
<div id="console-tab" className="break-all w-full text-sm p-2 h-full" style={{ fontFamily }}>
|
||||||
<div className="bg-background h-full w-full overflow-auto space-y-1 p-2 rounded-md">
|
<div className="bg-background h-full w-full overflow-auto space-y-1 p-2 rounded-md">
|
||||||
{log.map((l, i) => {
|
{log.map((l, i) => {
|
||||||
const message = linkify(l.message);
|
const message = linkify(l.message);
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import cx from '@src/cx.mjs';
|
||||||
|
|
||||||
export function ButtonGroup({ value, onChange, items }) {
|
export function ButtonGroup({ value, onChange, items }) {
|
||||||
return (
|
return (
|
||||||
<div className="flex max-w-lg space-x-0">
|
<div className="flex max-w-lg space-x-0 text-sm">
|
||||||
{Object.entries(items).map(([key, label], i, arr) => (
|
{Object.entries(items).map(([key, label], i, arr) => (
|
||||||
<button
|
<button
|
||||||
key={key}
|
key={key}
|
||||||
|
|
|
||||||
|
|
@ -145,7 +145,7 @@ function PanelTab({ label, isSelected, onClick }) {
|
||||||
<button
|
<button
|
||||||
onClick={onClick}
|
onClick={onClick}
|
||||||
className={cx(
|
className={cx(
|
||||||
'h-8 px-2 text-foreground cursor-pointer hover:opacity-50 flex items-center space-x-1 border-b',
|
'h-8 px-2 text-sm text-foreground cursor-pointer hover:opacity-50 flex items-center space-x-1 border-b',
|
||||||
isSelected ? 'border-foreground' : 'border-transparent',
|
isSelected ? 'border-foreground' : 'border-transparent',
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue