fix: minor UI adjustments

This commit is contained in:
Xiaohan-Tian
2026-06-07 13:13:37 -07:00
parent 94befcdd95
commit 6b9fe85e95
5 changed files with 13 additions and 8 deletions
+9 -4
View File
@@ -4,7 +4,7 @@ import { KGMidiTrack } from '../../core/track/KGMidiTrack';
import { KGAudioTrack } from '../../core/track/KGAudioTrack';
import { useProjectStore } from '../../stores/projectStore';
import { TbPiano } from 'react-icons/tb';
import { TbSettings } from 'react-icons/tb';
import { TbDots } from 'react-icons/tb';
import { FaFileAudio } from 'react-icons/fa';
import KGDropdown from '../common/KGDropdown';
import FileImportModal from '../common/FileImportModal';
@@ -535,15 +535,20 @@ const TrackInfoItem: React.FC<TrackInfoItemProps> = ({
)}
</div>
<div style={{ position: 'relative' }} ref={settingsDropdownRef}>
<button className="settings" onClick={handleSettingsButtonClick}>
<TbSettings />
<button
className="settings"
onClick={handleSettingsButtonClick}
title={t('track.controls.moreActions')}
aria-label={t('track.controls.moreActions')}
>
<TbDots />
</button>
<div style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10000 }}>
<KGDropdown
options={[{ label: t('track.controls.settings.deleteTrack'), value: 'Delete Track' }]}
value={''}
onChange={handleSettingsAction}
label={t('track.controls.settingsDropdown')}
label={t('track.controls.moreActions')}
hideButton={true}
isOpen={showSettingsDropdown}
onToggle={setShowSettingsDropdown}
+1 -1
View File
@@ -537,7 +537,7 @@ export const enUsMessages: TranslationMessages = {
'track.controls.automationDropdown': 'Automation',
'track.controls.automation.volume': 'Volume',
'track.controls.automation.pan': 'Pan',
'track.controls.settingsDropdown': 'Settings',
'track.controls.moreActions': 'More actions',
'track.controls.settings.deleteTrack': 'Delete Track',
'toolbar.keySignatureChooser': 'Choose key signature, current {value}',
'toolbar.export.label': 'Export',
+1 -1
View File
@@ -421,7 +421,7 @@ export const frFrMessages: TranslationMessages = {
'track.controls.automationDropdown': 'Automation',
'track.controls.automation.volume': 'Volume',
'track.controls.automation.pan': 'Panoramique',
'track.controls.settingsDropdown': 'Réglages',
'track.controls.moreActions': 'Autres actions',
'track.controls.settings.deleteTrack': 'Supprimer la piste',
'toolbar.keySignatureChooser': 'Choisir l\'armure, actuelle : {value}',
'toolbar.export.label': 'Exporter',
+1 -1
View File
@@ -535,7 +535,7 @@ export const zhCnMessages: TranslationMessages = {
'track.controls.automationDropdown': '自动化',
'track.controls.automation.volume': '音量',
'track.controls.automation.pan': '声像',
'track.controls.settingsDropdown': '设置',
'track.controls.moreActions': '更多操作',
'track.controls.settings.deleteTrack': '删除轨道',
'toolbar.keySignatureChooser': '选择调号,当前为 {value}',
'toolbar.export.label': '导出',
+1 -1
View File
@@ -535,7 +535,7 @@ export const zhHkMessages: TranslationMessages = {
'track.controls.automationDropdown': '自動化',
'track.controls.automation.volume': '音量',
'track.controls.automation.pan': '聲像',
'track.controls.settingsDropdown': '設定',
'track.controls.moreActions': '更多操作',
'track.controls.settings.deleteTrack': '刪除音軌',
'toolbar.keySignatureChooser': '選擇調號,當前為 {value}',
'toolbar.export.label': '匯出',