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" > + + + +