vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

chore: minor layout fixes

Browse source
This commit is contained in:
Shariq Ansari 2024-11-16 16:35:32 +05:30
parent 23883096cf
commit 5f96b801e2
5 changed files with 15 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
billing/src/components/AppSidebar.vue
View file

@ -6,15 +6,13 @@
<UserDropdown class="p-2" />
</div>
<div class="flex-1 overflow-y-auto">
<div class="mb-3 flex flex-col">
<nav class="mb-3 flex flex-col">
<SidebarLink
:label="previousRoute ? 'Back to app' : 'Back'"
icon="arrow-left"
@click="goBack"
class="relative mx-2 my-0.5"
class="mx-2 my-0.5"
/>
</div>
<nav class="mb-3 flex flex-col">
<SidebarLink
v-for="link in links"
:icon="link.icon"

4
billing/src/pages/Cards.vue
View file

@ -1,10 +1,10 @@
<template>
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5">
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5 shrink-0">
<h2 class="text-lg font-semibold text-gray-900 leading-5">
{{ 'Cards' }}
</h2>
</header>
<div class="flex h-full flex-col overflow-hidden mx-60 mt-6">
<div class="flex flex-col overflow-hidden mx-60 mt-6">
<div class="flex justify-end gap-2 mb-3">
<Button :loading="cards.loading" @click="cards.reload()">
<template #icon>

4
billing/src/pages/Invoices.vue
View file

@ -1,10 +1,10 @@
<template>
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5">
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5 shrink-0">
<h2 class="text-lg font-semibold text-gray-900 leading-5">
{{ 'Invoices' }}
</h2>
</header>
<div class="flex h-full flex-col overflow-hidden mx-60 mt-6">
<div class="flex flex-col overflow-hidden px-60 pt-6">
<ListView
:columns="columns"
:rows="rows"

16
billing/src/pages/Overview.vue
View file

@ -1,17 +1,15 @@
<template>
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5">
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5 shrink-0">
<h2 class="text-lg font-semibold text-gray-900 leading-5">
{{ 'Overview' }}
</h2>
</header>
<div class="flex h-full flex-col overflow-hidden mx-60 mt-6">
<div v-if="team.data" class="flex flex-1 flex-col gap-8 overflow-y-auto">
<CurrentPlan class="mx-px" @changePlan="router.push({ name: 'Plans' })" />
<PaymentDetails />
</div>
<div v-else class="flex flex-1 items-center justify-center">
<Spinner class="size-8" />
</div>
<div v-if="team.data" class="flex flex-1 flex-col px-60 pt-6 gap-8 overflow-y-auto">
<CurrentPlan @changePlan="router.push({ name: 'Plans' })" />
<PaymentDetails />
</div>
<div v-else class="flex flex-1 items-center justify-center">
<Spinner class="size-8" />
</div>
</template>
<script setup>

4
billing/src/pages/Plans.vue
View file

@ -1,10 +1,10 @@
<template>
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5">
<header class="flex h-10.5 border-b items-center justify-between py-2 px-5 shrink-0">
<h2 class="text-lg font-semibold text-gray-900 leading-5">
{{ 'Plans' }}
</h2>
</header>
<div class="flex h-full flex-col overflow-hidden mx-60 mt-6">
<div class="flex flex-col overflow-hidden px-60 pt-6">
<ListView
v-if="rows.length"
:columns="columns"