Styling and fix translations

next.config.js

@@ -1,5 +1,3 @@
-const { env } = require('process');
-
 const { i18n } = require('./next-i18next.config');
 
 const withBundleAnalyzer = require('@next/bundle-analyzer')({

public/locales/en/layout/element-selector/selector.json

@@ -1,6 +1,6 @@
 {
     "modal": {
-        "title": "Add a new tile",
+        "title": "Add a new tile omegalaul",
         "text": "Tiles are the main element of homarr. They allow you to configure the dashboard and display the information you want."
     },
     "actionIcon": {

public/locales/en/settings/common.json

@@ -12,7 +12,7 @@
     "madeWithLove": "Made with ❤️ by @"
   },
   "grow": "Grow grid (take all space)",
-  "yayout": {
+  "layout": {
     "title": "Dashboard yayout",
     "main": "Main",
     "sidebar": "Sidebar",

src/components/Settings/Common/Config/ConfigActions.tsx

@@ -39,7 +39,7 @@ export default function ConfigActions() {
       <Flex gap="xs" justify="stretch">
         <ActionIcon className={classes.actionIcon} onClick={handleDownload} variant="default">
           <IconDownload size={20} />
-          <Text>{t('buttons.download')}</Text>
+          <Text size="sm">{t('buttons.download')}</Text>
         </ActionIcon>
         <ActionIcon
           className={classes.actionIcon}
@@ -48,11 +48,11 @@ export default function ConfigActions() {
           variant="light"
         >
           <IconTrash color={colors.red[2]} size={20} />
-          <Text>{t('buttons.delete.text')}</Text>
+          <Text size="sm">{t('buttons.delete.text')}</Text>
         </ActionIcon>
         <ActionIcon className={classes.actionIcon} onClick={createCopyModal.open} variant="default">
           <IconCopy size={20} />
-          <Text>{t('buttons.saveCopy')}</Text>
+          <Text size="sm">{t('buttons.saveCopy')}</Text>
         </ActionIcon>
       </Flex>
 

src/components/Settings/Customization/Layout/LayoutSelector.tsx

@@ -110,7 +110,7 @@ export const LayoutSelector = ({ defaultLayout }: LayoutSelectorProps) => {
         <Paper className={classes.primaryWrapper} p="xs" withBorder>
           <Text align="center">{t('layout.main')}</Text>
           <Text color="dimmed" size="xs" align="center">
-            {t('cannotturnoff')}
+            {t('layout.cannotturnoff')}
           </Text>
         </Paper>