fix: minor UI stylings

This commit is contained in:
Liyas Thomas
2021-05-15 21:19:23 +00:00
committed by GitHub
parent c0ef713c0b
commit 5f193680c9
3 changed files with 27 additions and 8 deletions

View File

@@ -10,7 +10,7 @@
@click="mode = 'import_export'" @click="mode = 'import_export'"
v-tooltip.left="'Back'" v-tooltip.left="'Back'"
> >
<i class="material-icons">arrow_left</i> <i class="material-icons">arrow_back</i>
</button> </button>
<v-popover v-if="mode == 'import_export' && collectionsType.type == 'my-collections'"> <v-popover v-if="mode == 'import_export' && collectionsType.type == 'my-collections'">
<button class="tooltip-target icon" v-tooltip.left="$t('more')"> <button class="tooltip-target icon" v-tooltip.left="$t('more')">
@@ -142,7 +142,7 @@
</select> </select>
</span> </span>
<button <button
class="icon primary" class="m-2 icon primary"
:disabled="mySelectedCollectionID == undefined" :disabled="mySelectedCollectionID == undefined"
@click="importFromMyCollections" @click="importFromMyCollections"
> >

View File

@@ -33,7 +33,19 @@
</div> </div>
</li> </li>
</ul> </ul>
<ul v-for="(member, index) in members" :key="`new-${index}`"> <ul
v-for="(member, index) in members"
:key="`new-${index}`"
class="
border-b border-dashed
divide-y
md:divide-x
border-brdColor
divide-dashed divide-brdColor
md:divide-y-0
"
:class="{ 'border-t': index == 0 }"
>
<li> <li>
<input <input
:placeholder="$t('email')" :placeholder="$t('email')"
@@ -84,7 +96,18 @@
</li> </li>
</div> </div>
</ul> </ul>
<ul v-for="(member, index) in newMembers" :key="index"> <ul
v-for="(member, index) in newMembers"
:key="index"
class="
border-b border-dashed
divide-y
md:divide-x
border-brdColor
divide-dashed divide-brdColor
md:divide-y-0
"
>
<li> <li>
<input <input
:placeholder="$t('email')" :placeholder="$t('email')"

View File

@@ -546,10 +546,6 @@
<SmartTab :id="'notes'" :label="$t('notes')"> <SmartTab :id="'notes'" :label="$t('notes')">
<HttpNotes /> <HttpNotes />
</SmartTab> </SmartTab>
<SmartTab :id="'teams'" :label="'Teams'">
<Teams />
</SmartTab>
</SmartTabs> </SmartTabs>
</section> </section>
</aside> </aside>