aiolabs/lnbits
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Moved sub-menu for mobile

Browse source
This commit is contained in:
ben 2023-01-06 17:46:41 +00:00
parent e7c479f702
commit a5cdd69dbe
1 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
lnbits/extensions/example/templates/example/index.html
View file

@ -79,9 +79,9 @@
<div class="text-h6">Frameworks</div> <div class="text-h6">Frameworks</div>
<div> <div>
<q-splitter v-model="splitterModel">
<template v-slot:before> <template >
<q-tabs v-model="framworktab" vertical> <q-tabs align="left" v-model="framworktab" inline-label>
<q-tab name="fastapi" <q-tab name="fastapi"
><img src="./static/fastapi-framework.png" />FASTAPI</q-tab ><img src="./static/fastapi-framework.png" />FASTAPI</q-tab
> >
@ -94,7 +94,7 @@
</q-tabs> </q-tabs>
</template> </template>
<template v-slot:after> <template>
<q-tab-panels v-model="framworktab"> <q-tab-panels v-model="framworktab">
<q-tab-panel name="fastapi" class="text-body1"> <q-tab-panel name="fastapi" class="text-body1">
<a href="https://fastapi.tiangolo.com/" <a href="https://fastapi.tiangolo.com/"
@ -122,9 +122,9 @@
<code class="bg-grey-3 text-black">views.py</code> is used <code class="bg-grey-3 text-black">views.py</code> is used
for setting application routes: for setting application routes:
<img src="./static/fastapi-example.png" /> <img src="./static/fastapi-example.png" /><br /><br />
<code class="bg-grey-3 text-black">views_api.py</code> is <code class="bg-grey-3 text-black">views_api.py</code> is
used for setting application API endpoints: used for setting application API endpoints:<br />
<img src="./static/fastapi-example2.png" /> <img src="./static/fastapi-example2.png" />
</q-tab-panel> </q-tab-panel>
@ -216,22 +216,22 @@
</q-tab-panel> </q-tab-panel>
</q-tab-panels> </q-tab-panels>
</template> </template>
</q-splitter>
</div> </div>
</q-tab-panel> </q-tab-panel>
<q-tab-panel name="tools"> <q-tab-panel name="tools">
<div class="text-h6">Useful Tools</div> <div class="text-h6">Useful Tools</div>
<div> <div>
<q-splitter v-model="splitterModel">
<template v-slot:before> <template>
<q-tabs v-model="usefultab" vertical> <q-tabs v-model="usefultab" align="left">
<q-tab name="magicalg">MAGICAL G</q-tab> <q-tab name="magicalg">MAGICAL G</q-tab>
<q-tab name="exchange">EXCHANGE RATES</q-tab> <q-tab name="exchange">EXCHANGE RATES</q-tab>
</q-tabs> </q-tabs>
</template> </template>
<template v-slot:after> <template>
<q-tab-panels v-model="usefultab"> <q-tab-panels v-model="usefultab">
<q-tab-panel name="magicalg" class="text-body1"> <q-tab-panel name="magicalg" class="text-body1">
<div class="text-h5 q-mb-md">Magical G</div> <div class="text-h5 q-mb-md">Magical G</div>
@ -267,7 +267,7 @@
</q-tab-panel> </q-tab-panel>
</q-tab-panels> </q-tab-panels>
</template> </template>
</q-splitter>
</div> </div>
</q-tab-panel> </q-tab-panel>