+
+ {{ $t('app.setting.label.upload_svg') }}
+
+ ![]()
+
+
+ $close
+
+
+
+
+
+ {{ imageError }}
+
+
+
+ {{ $t('app.setting.label.upload_image') }}
+
+ ![]()
+
+
+ $close
+
+
+
+
+
+ {{ imageError }}
+
+
+
+
+
+
+ $circle
+
+ {{ $t('app.setting.label.custom_color') }}
+
+
+
+
+
+
+ {{ $t('app.setting.title.navigation') }}
+
+
+
+
+
+
+
+
+ $menu
+
+ {{ $t('app.setting.btn.import_export_links') }}
+
+
+
+
+
+ $download
+
+
+ {{ $t('app.setting.btn.export_links') }}
+
+
+
+
+ $fileUpload
+
+
+ {{ $t('app.setting.btn.import_links') }}
+
+
+
+
+
+
+
+ $plus
+
+ {{ $t('app.setting.btn.add_nav_link') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('app.setting.label.theme_nav_link') }}
+
+
+
+
+ {{ isThemeLinkHidden(link.id) ? '$eyeOff' : '$eye' }}
+
+
+
+
+
+
+
+
+ $edit
+
+
+
+
+
+ $delete
+
+
+
+
+
+
+ {{ $t('app.setting.btn.import_links') }}
+
+
+
+
+
+
+ {{ $t('app.general.btn.cancel') }}
+
+
+ {{ $t('app.general.btn.save') }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/ui/AppNavExternalItem.vue b/src/components/ui/AppNavExternalItem.vue
new file mode 100644
index 0000000000..b95541afb6
--- /dev/null
+++ b/src/components/ui/AppNavExternalItem.vue
@@ -0,0 +1,115 @@
+
+ Any issues or inquiries related to the themes should be directed to the Fluidd team.
The use of brand names and logos is for decorative and aesthetic purposes only, and no official association with or endorsement by the brands is implied. + nav_link_url_warning: 'See the tooltip for details.' + nav_link_url: >- + Include the protocol (e.g. https://example.com) for external links.
+ URLs without a protocol will be treated as relative paths by the browser. + nav_link_custom_icon: >- + Upload an SVG file (max 64 KB) to use as the link icon.
+ Use "File Colors" to preserve the original SVG colors, or choose + theme/custom color to override with a single color. + nav_link_custom_image: >- + Upload a PNG or JPEG image (max 64 KB) to use as the link icon. + icon_type: >- + Built In Icon: Choose from Material Design icons. Supports theme or custom colors.
+ Custom SVG Icon: Upload an SVG file. Supports file colors, theme color, or custom colors.
+ Custom Image: Upload a PNG or JPEG. Color override does not apply. + nav_link_position: >- + Controls the sort order among custom and theme links.
+ Lower numbers appear higher in the sidebar.
+ Links are inserted directly above the Settings icon. warn_on_cpu_throttled: CPU throttling can cause prints to fail warn_on_stepper_driver_overheating: Trinamic drivers only socket: diff --git a/src/scss/misc.scss b/src/scss/misc.scss index fbd06d2dbe..a8181d2a9d 100644 --- a/src/scss/misc.scss +++ b/src/scss/misc.scss @@ -10,28 +10,6 @@ pointer-events: none !important; } -// Apply a common scrollbar application to all elements inside the app -.v-application--wrap, -.v-dialog__content { - ::-webkit-scrollbar { - transition: all .5s; - width: 5px; - height: 8px; - z-index: 10; - } - - ::-webkit-scrollbar-track { - background: transparent; - } - - ::-webkit-scrollbar-thumb { - background: #b3ada7; - } - - ::-webkit-scrollbar-corner { - background: transparent; - } -} // Ensure the number arrows don't appear on text inputs. /* Chrome, Safari, Edge, Opera */ diff --git a/src/store/config/actions.ts b/src/store/config/actions.ts index d89be93ce2..15937eff48 100644 --- a/src/store/config/actions.ts +++ b/src/store/config/actions.ts @@ -1,6 +1,6 @@ import vuetify from '@/plugins/vuetify' import type { ActionTree } from 'vuex' -import type { ConfigState, SaveByPath, InitConfig, InstanceConfig, UiSettings, ThemeConfig, ConfiguredTableHeader } from './types' +import type { ConfigState, SaveByPath, InitConfig, InstanceConfig, UiSettings, ThemeConfig, ConfiguredTableHeader, CustomNavLink } from './types' import type { RootState } from '../types' import { SocketActions } from '@/api/socketActions' import { loadLocaleMessagesAsync, getStartingLocale } from '@/plugins/i18n' @@ -200,18 +200,51 @@ export const actions = { } }, - async updateTheme ({ state, dispatch }, payload: Partial