mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-05-30 21:27:09 +00:00
Theme and translations
This commit is contained in:
Nicola Benaglia
parent
8fcd3be9cc
commit
7da1d5661b
@ -3,25 +3,20 @@ import { styled } from '@mui/system';
|
||||
|
||||
export const AppsParent = styled(Box)(({ theme }) => ({
|
||||
alignItems: 'center',
|
||||
backgroundColor: theme.palette.background.default,
|
||||
color: theme.palette.text.primary,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
height: '100%',
|
||||
msOverflowStyle: 'none', // Hides scrollbar in IE and Edge
|
||||
overflow: 'auto',
|
||||
scrollbarWidth: 'none', // Hides the scrollbar in Firefox
|
||||
width: '100%',
|
||||
// For WebKit-based browsers (Chrome, Safari, etc.)
|
||||
'::-webkit-scrollbar': {
|
||||
width: '0px', // Set the width to 0 to hide the scrollbar
|
||||
height: '0px', // Set the height to 0 for horizontal scrollbar
|
||||
},
|
||||
|
||||
// For Firefox
|
||||
scrollbarWidth: 'none', // Hides the scrollbar in Firefox
|
||||
|
||||
// Optional for better cross-browser consistency
|
||||
msOverflowStyle: 'none', // Hides scrollbar in IE and Edge
|
||||
|
||||
backgroundColor: theme.palette.background.default,
|
||||
color: theme.palette.text.primary,
|
||||
}));
|
||||
|
||||
export const AppsContainer = styled(Box)(({ theme }) => ({
|
||||
|
||||
@ -97,6 +97,8 @@ export const AppsHomeDesktop = ({
|
||||
placeholder="qortal://"
|
||||
sx={{
|
||||
width: '100%',
|
||||
backgroundColor: theme.palette.background.surface,
|
||||
borderRadius: '7px',
|
||||
color: theme.palette.text.primary,
|
||||
'& .MuiInput-input::placeholder': {
|
||||
color: theme.palette.text.secondary,
|
||||
@ -110,7 +112,6 @@ export const AppsHomeDesktop = ({
|
||||
'&:focus': {
|
||||
outline: 'none',
|
||||
},
|
||||
// Add any additional styles for the input here
|
||||
}}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === 'Enter' && qortalUrl) {
|
||||
|
||||
@ -27,6 +27,7 @@ import { ContextMenuPinnedApps } from '../ContextMenuPinnedApps';
|
||||
import LockIcon from '@mui/icons-material/Lock';
|
||||
import { useHandlePrivateApps } from '../../hooks/useHandlePrivateApps';
|
||||
import { useAtom, useSetAtom } from 'jotai';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
const SortableItem = ({ id, name, app, isDesktop }) => {
|
||||
const { openApp } = useHandlePrivateApps();
|
||||
@ -46,6 +47,14 @@ const SortableItem = ({ id, name, app, isDesktop }) => {
|
||||
transition,
|
||||
};
|
||||
|
||||
const { t } = useTranslation([
|
||||
'auth',
|
||||
'core',
|
||||
'group',
|
||||
'question',
|
||||
'tutorial',
|
||||
]);
|
||||
|
||||
return (
|
||||
<ContextMenuPinnedApps app={app} isMine={!!app?.isMine}>
|
||||
<ButtonBase
|
||||
@ -112,7 +121,6 @@ const SortableItem = ({ id, name, app, isDesktop }) => {
|
||||
width: '31px',
|
||||
height: 'auto',
|
||||
}}
|
||||
// src={LogoSelected}
|
||||
alt="center-icon"
|
||||
/>
|
||||
</Avatar>
|
||||
@ -120,7 +128,12 @@ const SortableItem = ({ id, name, app, isDesktop }) => {
|
||||
</AppCircle>
|
||||
{app?.isPrivate ? (
|
||||
<AppCircleLabel>
|
||||
{`${app?.privateAppProperties?.appName || 'Private'}`}
|
||||
{`${
|
||||
app?.privateAppProperties?.appName ||
|
||||
t('core:app_private', {
|
||||
postProcess: 'capitalizeFirstChar',
|
||||
})
|
||||
}`}
|
||||
</AppCircleLabel>
|
||||
) : (
|
||||
<AppCircleLabel>{app?.metadata?.title || app?.name}</AppCircleLabel>
|
||||
|
||||
@ -34,8 +34,8 @@ const TabComponent = ({ isSelected, app }) => {
|
||||
<NavCloseTab
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '-5px',
|
||||
right: '-5px',
|
||||
top: '-5px',
|
||||
zIndex: 1,
|
||||
}}
|
||||
/>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
import { useTheme } from '@mui/material';
|
||||
import Box from '@mui/material/Box';
|
||||
import Drawer from '@mui/material/Drawer';
|
||||
|
||||
@ -6,6 +7,8 @@ export const DrawerUserLookup = ({ open, setOpen, children }) => {
|
||||
setOpen(newOpen);
|
||||
};
|
||||
|
||||
const theme = useTheme();
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Drawer
|
||||
@ -13,6 +16,7 @@ export const DrawerUserLookup = ({ open, setOpen, children }) => {
|
||||
hideBackdrop={true}
|
||||
open={open}
|
||||
onClose={toggleDrawer(false)}
|
||||
sx={{ color: theme.palette.text.primary }}
|
||||
>
|
||||
<Box
|
||||
sx={{ width: '70vw', height: '100%', maxWidth: '1000px' }}
|
||||
|
||||
@ -193,6 +193,9 @@ export const UserLookup = ({ isOpenDrawerLookup, setIsOpenDrawerLookup }) => {
|
||||
}}
|
||||
id="controllable-states-demo"
|
||||
loading={isLoading}
|
||||
noOptionsText={t('core:option_no', {
|
||||
postProcess: 'capitalizeFirstChar',
|
||||
})}
|
||||
options={options}
|
||||
sx={{ width: 300 }}
|
||||
renderInput={(params) => (
|
||||
|
||||
@ -105,8 +105,9 @@
|
||||
"api": "API",
|
||||
"app": "app",
|
||||
"app_other": "apps",
|
||||
"app_name": "app -Name",
|
||||
"app_service_type": "app -Service -Typ",
|
||||
"app_name": "aname der App",
|
||||
"app_private": "privat",
|
||||
"app_service_type": "app-Diensttyp",
|
||||
"apps_dashboard": "apps Dashboard",
|
||||
"apps_official": "offizielle Apps",
|
||||
"attachment": "anhang",
|
||||
@ -319,6 +320,7 @@
|
||||
"none": "keiner",
|
||||
"note": "notiz",
|
||||
"option": "option",
|
||||
"option_no": "keine Optionen",
|
||||
"option_other": "optionen",
|
||||
"page": {
|
||||
"last": "zuletzt",
|
||||
|
||||
@ -109,6 +109,7 @@
|
||||
"app": "app",
|
||||
"app_other": "apps",
|
||||
"app_name": "app name",
|
||||
"app_private": "private",
|
||||
"app_service_type": "app service type",
|
||||
"apps_dashboard": "apps Dashboard",
|
||||
"apps_official": "official Apps",
|
||||
@ -322,6 +323,7 @@
|
||||
"none": "none",
|
||||
"note": "note",
|
||||
"option": "option",
|
||||
"option_no": "no options",
|
||||
"option_other": "options",
|
||||
"page": {
|
||||
"last": "last",
|
||||
|
||||
@ -106,6 +106,7 @@
|
||||
"app": "aplicación",
|
||||
"app_other": "aplicaciones",
|
||||
"app_name": "nombre de la aplicación",
|
||||
"app_private": "privada",
|
||||
"app_service_type": "tipo de servicio de aplicaciones",
|
||||
"apps_dashboard": "panel de aplicaciones",
|
||||
"apps_official": "aplicaciones oficiales",
|
||||
@ -319,6 +320,7 @@
|
||||
"none": "ninguno",
|
||||
"note": "nota",
|
||||
"option": "opción",
|
||||
"option_no": "sin opción",
|
||||
"option_other": "opción",
|
||||
"page": {
|
||||
"last": "último",
|
||||
|
||||
@ -107,6 +107,7 @@
|
||||
"app": "appliquer",
|
||||
"app_other": "applications",
|
||||
"app_name": "nom de l'application",
|
||||
"app_private": "privé",
|
||||
"app_service_type": "type de service d'application",
|
||||
"apps_dashboard": "tableau de bord Apps",
|
||||
"apps_official": "applications officielles",
|
||||
@ -320,6 +321,7 @@
|
||||
"none": "aucun",
|
||||
"note": "note",
|
||||
"option": "option",
|
||||
"option_no": "aucune option",
|
||||
"option_other": "options",
|
||||
"page": {
|
||||
"last": "dernier",
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
"copy_link": "copia link",
|
||||
"create_apps": "crea app",
|
||||
"create_file": "crea file",
|
||||
"create_transaction": "crea transazioni sulla blockchain Qortal",
|
||||
"create_transaction": "creare transazioni sulla blockchain Qortal",
|
||||
"create_thread": "crea thread",
|
||||
"decline": "rifiuta",
|
||||
"decrypt": "decripta",
|
||||
@ -109,8 +109,9 @@
|
||||
"app": "app",
|
||||
"app_other": "app",
|
||||
"app_name": "nome app",
|
||||
"app_private": "privata",
|
||||
"app_service_type": "tipo di servizio app",
|
||||
"apps_dashboard": "dashboard di app",
|
||||
"apps_dashboard": "dashboard delle app",
|
||||
"apps_official": "app ufficiali",
|
||||
"attachment": "allegato",
|
||||
"balance": "bilancia:",
|
||||
@ -322,6 +323,7 @@
|
||||
"none": "nessuno",
|
||||
"note": "nota",
|
||||
"option": "opzione",
|
||||
"option_no": "nessuna opzione",
|
||||
"option_other": "opzioni",
|
||||
"page": {
|
||||
"last": "scorso",
|
||||
|
||||
@ -6,11 +6,11 @@
|
||||
"account_creation": "creazione dell'account",
|
||||
"important_info": "informazioni importanti",
|
||||
"apps": {
|
||||
"dashboard": "1. Dashboard di app",
|
||||
"dashboard": "1. Dashboard delle app",
|
||||
"navigation": "2. Navigazione delle app"
|
||||
},
|
||||
"initial": {
|
||||
"recommended_qort_qty": "avere almeno {{ quantity }} QORT nel tuo wallet",
|
||||
"recommended_qort_qty": "avere almeno {{ quantity }} QORT nel proprio wallet",
|
||||
"explore": "esplora",
|
||||
"general_chat": "chat generale",
|
||||
"getting_started": "come iniziare",
|
||||
|
||||
@ -106,6 +106,7 @@
|
||||
"app": "アプリ",
|
||||
"app_other": "アプリ",
|
||||
"app_name": "アプリ名",
|
||||
"app_private": "プライベート",
|
||||
"app_service_type": "アプリサービスタイプ",
|
||||
"apps_dashboard": "アプリダッシュボード",
|
||||
"apps_official": "公式アプリ",
|
||||
@ -319,6 +320,7 @@
|
||||
"none": "なし",
|
||||
"note": "注記",
|
||||
"option": "オプション",
|
||||
"option_no": "オプションなし",
|
||||
"option_other": "オプション",
|
||||
"page": {
|
||||
"last": "最後",
|
||||
|
||||
@ -106,6 +106,7 @@
|
||||
"app": "приложение",
|
||||
"app_other": "приложения",
|
||||
"app_name": "Название приложения",
|
||||
"app_private": "частное",
|
||||
"app_service_type": "Тип службы приложений",
|
||||
"apps_dashboard": "приложения панель панели",
|
||||
"apps_official": "официальные приложения",
|
||||
@ -320,6 +321,7 @@
|
||||
"none": "никто",
|
||||
"note": "примечание",
|
||||
"option": "вариант",
|
||||
"option_no": "выбора нет",
|
||||
"option_other": "параметры",
|
||||
"page": {
|
||||
"last": "последний",
|
||||
|
||||
@ -106,6 +106,7 @@
|
||||
"app": "应用程序",
|
||||
"app_other": "应用",
|
||||
"app_name": "应用名称",
|
||||
"app_private": "私人应用程序",
|
||||
"app_service_type": "应用服务类型",
|
||||
"apps_dashboard": "应用仪表板",
|
||||
"apps_official": "官方应用程序",
|
||||
@ -319,6 +320,7 @@
|
||||
"none": "没有任何",
|
||||
"note": "笔记",
|
||||
"option": "选项",
|
||||
"option_no": "没有选择",
|
||||
"option_other": "选项",
|
||||
"page": {
|
||||
"last": "最后的",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user