btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

feat: revamp graphql sidebar ui

Browse Source
This commit is contained in:
liyasthomas
2021-07-08 23:42:15 +05:30
parent f1ef403c83
commit c6490818d0
21 changed files with 708 additions and 620 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
components/collections/ChooseType.vue
View File

@@ -12,39 +12,41 @@
:label="'Team Collections'"
>
<SmartIntersection @intersecting="onTeamSelectIntersect">
<select
id="team"
type="text"
autofocus
class="
flex
w-full
px-4
text-xs
py-2
focus:outline-none
border-b border-dividerLight
bg-primary
"
@change="updateSelectedTeam(myTeams[$event.target.value])"
>
<option
:key="undefined"
:value="undefined"
hidden
disabled
selected
<div class="select-wrapper">
<select
id="team"
type="text"
autofocus
class="
flex
w-full
px-4
text-xs
py-3
focus:outline-none
border-b border-dividerLight
bg-primaryLight
"
@change="updateSelectedTeam(myTeams[$event.target.value])"
>
Select team
</option>
<option
v-for="(team, index) in myTeams"
:key="index"
:value="index"
>
{{ team.name }}
</option>
</select>
<option
:key="undefined"
:value="undefined"
hidden
disabled
selected
>
Select team
</option>
<option
v-for="(team, index) in myTeams"
:key="index"
:value="index"
>
{{ team.name }}
</option>
</select>
</div>
</SmartIntersection>
</SmartTab>
</SmartTabs>