diff --git a/src/App.vue b/src/App.vue
index e2eb71a..9191984 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,3 +29,9 @@ export default {
],
};
+
+
diff --git a/src/components/AppButton.vue b/src/components/AppButton.vue
index 25281f0..7e18c6d 100644
--- a/src/components/AppButton.vue
+++ b/src/components/AppButton.vue
@@ -36,7 +36,7 @@ export default {
.button {
@apply
px-4 py-2 w-full
- font-medium leading-tight uppercase
+ font-medium leading-tight uppercase no-underline
border rounded;
}
diff --git a/src/components/AppFormElement.vue b/src/components/AppFormElement.vue
index 2480aed..f0b17df 100644
--- a/src/components/AppFormElement.vue
+++ b/src/components/AppFormElement.vue
@@ -6,6 +6,12 @@
>
{{ label }}
+
+ {{ descr }}
+
@@ -14,6 +20,10 @@
export default {
inheritAttrs: false,
props: {
+ descr: {
+ type: String,
+ default: undefined,
+ },
label: {
type: String,
default: undefined,
@@ -34,4 +44,12 @@ export default {
.label {
@apply mb-1 font-medium;
}
+
+.label + .descr {
+ @apply -mt-1;
+}
+
+.descr {
+ @apply mb-1 text-gray-500;
+}
diff --git a/src/components/UpdateChecker.vue b/src/components/UpdateChecker.vue
index b4de484..833d649 100644
--- a/src/components/UpdateChecker.vue
+++ b/src/components/UpdateChecker.vue
@@ -16,16 +16,12 @@
- Go to download page
-
+ >Go to download page
·
- Show release on GitHub
-
+ >Show release on GitHub
diff --git a/src/views/Changelog.vue b/src/views/Changelog.vue
index 6058e68..267c828 100644
--- a/src/views/Changelog.vue
+++ b/src/views/Changelog.vue
@@ -88,10 +88,6 @@ export default {
@apply p-6 text-gray-600 bg-gray-900 rounded shadow-lg leading-relaxed;
}
-.item a {
- @apply underline;
-}
-
.item h1 {
@apply
pb-6 border-b border-gray-800
diff --git a/src/views/TabCreate.vue b/src/views/TabCreate.vue
index f7c3d32..422d433 100644
--- a/src/views/TabCreate.vue
+++ b/src/views/TabCreate.vue
@@ -14,17 +14,17 @@
>
diff --git a/src/views/TabEdit.vue b/src/views/TabEdit.vue
index d610487..ca8244a 100644
--- a/src/views/TabEdit.vue
+++ b/src/views/TabEdit.vue
@@ -14,17 +14,17 @@
>
@@ -37,6 +37,15 @@
:datalist="scopes"
:disabled="useTabIdAsScope"
label="Session scope"
+ descr="
+ Define a name to encapsulate single or multiple tabs to an individual session scope.
+ This is useful if you want to use multiple accounts of the same service
+ at the same time. For example, use 'work' as the name for work-related Gmail
+ and Google Calendar tabs, and 'private' as the name for private Gmail
+ and Goolge Calendar tabs. If you enable 'Use a tab unique scope' the tab
+ will remain private and will not share the session with other tabs.
+ If the field is left blank, the default session will be used.
+ "
>
Use a tab unique scope
@@ -46,18 +55,21 @@
@@ -65,6 +77,14 @@
slot="Settings"
:class="$style.tabContent"
>
+
+
+ By default, the tab 'inherits' the
+ global settings.
+ Override some of them only for this tab.
+
+
+
Dimmer