Update more of the UI to use new design elements
This commit is contained in:
parent
2824db7352
commit
61018b5e67
14 changed files with 100 additions and 109 deletions
|
@ -3,12 +3,13 @@ import classNames from 'classnames';
|
|||
|
||||
interface CodeProps {
|
||||
dark?: boolean | undefined;
|
||||
className?: string;
|
||||
children: React.ReactChild | React.ReactFragment | React.ReactPortal;
|
||||
}
|
||||
|
||||
export default ({ dark, children }: CodeProps) => (
|
||||
export default ({ dark, className, children }: CodeProps) => (
|
||||
<code
|
||||
className={classNames('font-mono text-sm px-2 py-1 rounded', {
|
||||
className={classNames('font-mono text-sm px-2 py-1 inline-block rounded', className, {
|
||||
'bg-neutral-700': !dark,
|
||||
'bg-neutral-900 text-gray-100': dark,
|
||||
})}
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
/* Sizing Controls */
|
||||
&.small {
|
||||
@apply px-4 py-1 font-normal text-sm focus:ring-2;
|
||||
@apply px-4 py-0 h-8 font-normal text-sm focus:ring-2;
|
||||
}
|
||||
|
||||
&.large {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue