diff --git a/src/renderer/components/AppHeader.vue b/src/renderer/components/AppHeader.vue
index 589d7ce..53515c9 100644
--- a/src/renderer/components/AppHeader.vue
+++ b/src/renderer/components/AppHeader.vue
@@ -30,11 +30,21 @@
+
+ settings
+
+
diff --git a/src/renderer/components/ModalSettings.vue b/src/renderer/components/ModalSettings.vue
new file mode 100644
index 0000000..a155161
--- /dev/null
+++ b/src/renderer/components/ModalSettings.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
diff --git a/src/renderer/i18n/en-US.ts b/src/renderer/i18n/en-US.ts
index f44c617..73a9f77 100644
--- a/src/renderer/i18n/en-US.ts
+++ b/src/renderer/i18n/en-US.ts
@@ -19,7 +19,11 @@ export const enUS = {
cancel: 'Cancel',
edit: 'Edit',
create: 'Create',
- reset: 'Reset'
+ reset: 'Reset',
+ settings: 'Settings',
+ close: 'Close',
+ locale: 'Locale',
+ author: 'Author'
},
message: {
running: 'Running',
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index fe77ab7..9354a80 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -163,7 +163,8 @@ label {
}
#header {
- padding: 10px 15px 0;
+ padding: 0 15px;
+ display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
@@ -189,7 +190,7 @@ label {
}
#appTabs .navTab {
- padding: 10px 30px 15px;
+ padding: 17px 30px 15px;
cursor: pointer;
font-size: 14px;
opacity: 0.6;
@@ -208,11 +209,22 @@ label {
#appTabs .navTab .running {
position: absolute;
right: 5px;
- top: 7px;
+ top: 14px;
color: #33ce33;
font-size: 22px;
}
+.navSettings {
+ padding: 5px;
+ cursor: pointer;
+ opacity: 0.6;
+ transition: all 0.2s;
+
+ &:hover {
+ opacity: 1;
+ }
+}
+
#main {
padding: 5px;
position: relative;
@@ -578,6 +590,10 @@ fieldset:not(:disabled) #messageList li:hover .editMessage {
box-shadow: 0 0 10px -2px #000;
max-width: 70vw;
max-height: 90vh;
+
+ .buttons {
+ justify-content: flex-end;
+ }
}
.popup h4 {
@@ -591,7 +607,7 @@ fieldset:not(:disabled) #messageList li:hover .editMessage {
.buttons {
display: flex;
- justify-content: space-evenly;
+ justify-content: center;
}
.buttons button {
diff --git a/src/renderer/stores/settings.ts b/src/renderer/stores/settings.ts
index 089b29f..584a3dc 100644
--- a/src/renderer/stores/settings.ts
+++ b/src/renderer/stores/settings.ts
@@ -21,10 +21,7 @@ export const useSettingsStore = defineStore('settings', {
this.locale = locale;
i18n.global.locale = locale;
settingsStore.set('locale', this.locale);
- },
- changePageSize (limit: number) {
- this.dataTabLimit = limit;
- settingsStore.set('data_tab_limit', this.dataTabLimit);
+ console.log(this.locale);
},
changeApplicationTheme (theme: string) {
this.applicationTheme = theme;