jbilcke-hf HF staff commited on
Commit
35380c3
β€’
1 Parent(s): a029993
src/app/interface/top-menu/index.tsx CHANGED
@@ -43,12 +43,12 @@ export function TopMenu() {
43
  `bg-stone-900/70 dark:bg-stone-900/70 text-gray-50 dark:text-gray-50`,
44
  `space-y-2 md:space-y-0 md:space-x-3 lg:space-x-6`
45
  )}>
46
- <div className="flex flex-row space-x-3">
47
  <div className={cn(
48
  `transition-all duration-200 ease-in-out`,
49
  `flex flex-row items-center justify-start space-x-3 font-mono w-1/2 md:w-auto`
50
  )}>
51
- <Label className="flex text-sm w-24">Preset:</Label>
52
  <Select
53
  defaultValue={defaultPreset}
54
  onValueChange={(value) => { setPreset(getPreset(value as FontName)) }}
@@ -68,7 +68,7 @@ export function TopMenu() {
68
  `transition-all duration-200 ease-in-out`,
69
  `flex flex-row items-center space-x-3 font-mono w-1/2 md:w-auto md:hidden`
70
  )}>
71
- <Label className="flex text-sm w-24">Font:</Label>
72
  <Select
73
  defaultValue={fontList.includes(preset.font) ? preset.font : "cartoonist"}
74
  onValueChange={(value) => { setFont(value as FontName) }}
 
43
  `bg-stone-900/70 dark:bg-stone-900/70 text-gray-50 dark:text-gray-50`,
44
  `space-y-2 md:space-y-0 md:space-x-3 lg:space-x-6`
45
  )}>
46
+ <div className="flex flex-row space-x-6 md:space-x-3">
47
  <div className={cn(
48
  `transition-all duration-200 ease-in-out`,
49
  `flex flex-row items-center justify-start space-x-3 font-mono w-1/2 md:w-auto`
50
  )}>
51
+ <Label className="flex text-sm md:w-24">Preset:</Label>
52
  <Select
53
  defaultValue={defaultPreset}
54
  onValueChange={(value) => { setPreset(getPreset(value as FontName)) }}
 
68
  `transition-all duration-200 ease-in-out`,
69
  `flex flex-row items-center space-x-3 font-mono w-1/2 md:w-auto md:hidden`
70
  )}>
71
+ <Label className="flex text-sm md:w-24">Font:</Label>
72
  <Select
73
  defaultValue={fontList.includes(preset.font) ? preset.font : "cartoonist"}
74
  onValueChange={(value) => { setFont(value as FontName) }}