diff --git a/cli/rustfs-gui/Dioxus.toml b/cli/rustfs-gui/Dioxus.toml index d0a11dfa..bf1b48cb 100644 --- a/cli/rustfs-gui/Dioxus.toml +++ b/cli/rustfs-gui/Dioxus.toml @@ -36,16 +36,6 @@ category = "Utility" copyright = "Copyright 2025 rustfs.com" icon = [ - "assets/icons/icon_16x16.png", - "assets/icons/icon_16x16@2x.png", - "assets/icons/icon_32x32.png", - "assets/icons/icon_32x32@2x.png", - "assets/icons/icon_128x128.png", - "assets/icons/icon_128x128@2x.png", - "assets/icons/icon_256x256.png", - "assets/icons/icon_256x256@2x.png", - "assets/icons/icon_512x512.png", - "assets/icons/icon_512x512@2x.png", "assets/icons/icon.icns", "assets/icons/icon.ico" ] diff --git a/cli/rustfs-gui/assets/favicon.ico b/cli/rustfs-gui/assets/favicon.ico new file mode 100644 index 00000000..61e6b239 Binary files /dev/null and b/cli/rustfs-gui/assets/favicon.ico differ diff --git a/cli/rustfs-gui/assets/icons/icon-all.icns b/cli/rustfs-gui/assets/icons/icon-all.icns new file mode 100644 index 00000000..50456d0e Binary files /dev/null and b/cli/rustfs-gui/assets/icons/icon-all.icns differ diff --git a/cli/rustfs-gui/assets/icons/icon-all.ico b/cli/rustfs-gui/assets/icons/icon-all.ico new file mode 100644 index 00000000..45f9f164 Binary files /dev/null and b/cli/rustfs-gui/assets/icons/icon-all.ico differ diff --git a/cli/rustfs-gui/assets/icons/icon.icns b/cli/rustfs-gui/assets/icons/icon.icns new file mode 100644 index 00000000..8bcba4ae Binary files /dev/null and b/cli/rustfs-gui/assets/icons/icon.icns differ diff --git a/cli/rustfs-gui/assets/icons/icon.ico b/cli/rustfs-gui/assets/icons/icon.ico new file mode 100644 index 00000000..61e6b239 Binary files /dev/null and b/cli/rustfs-gui/assets/icons/icon.ico differ diff --git a/cli/rustfs-gui/assets/js/sts.js b/cli/rustfs-gui/assets/js/sts.js new file mode 100644 index 00000000..5600f0d0 --- /dev/null +++ b/cli/rustfs-gui/assets/js/sts.js @@ -0,0 +1,32 @@ +window.switchTab = function (tabId) { + // Hide everything + document.querySelectorAll('.tab-content').forEach(content => { + content.classList.add('hidden'); + }); + + // Reset all label styles + document.querySelectorAll('.tab-btn').forEach(btn => { + btn.classList.remove('border-b-2', 'border-black'); + btn.classList.add('text-gray-500'); + }); + + // Displays the selected content + const activeContent = document.getElementById(tabId); + if (activeContent) { + activeContent.classList.remove('hidden'); + } + + // Updates the selected label style + const activeBtn = document.querySelector(`[data-tab="${tabId}"]`); + if (activeBtn) { + activeBtn.classList.add('border-b-2', 'border-black'); + activeBtn.classList.remove('text-gray-500'); + } +}; + +window.togglePassword = function (button) { + const input = button.parentElement.querySelector('input[type="password"], input[type="text"]'); + if (input) { + input.type = input.type === 'password' ? 'text' : 'password'; + } +}; \ No newline at end of file diff --git a/cli/rustfs-gui/assets/rustfs-logo-square.png b/cli/rustfs-gui/assets/rustfs-logo-square.png new file mode 100644 index 00000000..f2136078 Binary files /dev/null and b/cli/rustfs-gui/assets/rustfs-logo-square.png differ diff --git a/cli/rustfs-gui/assets/rustfs-logo.svg b/cli/rustfs-gui/assets/rustfs-logo.svg new file mode 100644 index 00000000..93ca3c55 --- /dev/null +++ b/cli/rustfs-gui/assets/rustfs-logo.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/cli/rustfs-gui/assets/styling/navbar.css b/cli/rustfs-gui/assets/styling/navbar.css new file mode 100644 index 00000000..410b30d1 --- /dev/null +++ b/cli/rustfs-gui/assets/styling/navbar.css @@ -0,0 +1,16 @@ +#navbar { + display: flex; + flex-direction: row; +} + +#navbar a { + color: #ffffff; + margin-right: 20px; + text-decoration: none; + transition: color 0.2s ease; +} + +#navbar a:hover { + cursor: pointer; + color: #ffffff; // #91a4d2; +} \ No newline at end of file