⚡ improvement(client-addon): update some styles (#62) by @jCrip

intlify · Oct 15, 2019 · 1f19a93 · 1f19a93
1 parent 573098b
commit 1f19a93
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/client-addon/src/App.vue b/client-addon/src/App.vue
@@ -233,6 +233,7 @@ export default {
   grid-area: content;
   overflow-x: hidden;
   overflow-y: auto;
+  margin: 16px;
 }
 
 .shell {
@@ -243,7 +244,7 @@ export default {
 }
 
 .content {
-  flex: 100% 1 1;
+  flex: 1 1 100%;
   height: 0;
   overflow-x: hidden;
   overflow-y: auto;
@@ -259,7 +260,7 @@ export default {
 
 .localization-header {
   display: grid;
-  grid-gap: 6px;
+  grid-gap: 12px;
   grid-template-columns: 6fr 6fr;
 }
 
@@ -269,15 +270,15 @@ export default {
 }
 
 .localization-header .path {
-  padding: 12px;
+  padding: 12px 20px;
   background: #f8fbfb;
   border-bottom-color: #42b983;
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
 
 .localization-header .locale {
-  padding: 12px;
+  padding: 12px 20px;
   background: #f8fbfb;
   border-bottom-color: #42b983;
   border-bottom-style: solid;
@@ -301,7 +302,7 @@ ul.localization-body {
 
 ul.localization-body li {
   display: grid;
-  grid-gap: 6px;
+  grid-gap: 12px;
   grid-template-columns: 6fr 6fr;
 }
 

diff --git a/client-addon/src/components/MessageField.vue b/client-addon/src/components/MessageField.vue
@@ -130,9 +130,9 @@ export default {
 <style scoped>
 .message {
   height: 24px;
-  padding: 12px;
+  padding: 12px 20px;
   background: #f8fbfb;
-  border-bottom-color: #dbebec;
+  border-bottom-color: #bbe6d6;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   display: flex;
@@ -157,8 +157,13 @@ export default {
   display: flex;
 }
 
+.vue-ui-button.primary {
+  margin-right: 6px;
+}
+
 .vue-ui-dark-mode .message {
   background: #1d2935;
+  border-bottom-color: #344a5f;
 }
 
 .vue-ui-dark-mode .message:hover {

diff --git a/client-addon/src/components/PathField.vue b/client-addon/src/components/PathField.vue
@@ -219,9 +219,9 @@ export default {
 <style scoped>
 .path {
   height: 24px;
-  padding: 12px;
+  padding: 12px 20px;
   background: #f8fbfb;
-  border-bottom-color: #dbebec;
+  border-bottom-color: #bbe6d6;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   display: flex;
@@ -242,8 +242,13 @@ export default {
   display: flex;
 }
 
+.vue-ui-button.primary {
+  margin-right: 6px;
+}
+
 .vue-ui-dark-mode .path {
   background: #1d2935;
+  border-bottom-color: #344a5f;
 }
 
 .vue-ui-dark-mode .path:hover {