accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-10 07:40:55 +00:00
Code Issues Releases Activity

fix(ui): prevent wrapping

Browse Source
This commit is contained in:
18alantom 2022-03-01 12:48:30 +05:30 committed by Alan
parent 4b51d15de7
commit e1389184ed
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Charts/DonutChart.vue
View File

@ -55,14 +55,14 @@
</template>
</svg>
<div
class="text-center w-32 relative"
class="text-center w-28 relative"
:style="{
top: `calc(-50% + ${textOffsetY}px)`,
left: `calc(50% + ${textOffsetX}px)`,
transform: 'translateX(-50%)',
}"
>
<p class="text-xl font-bold">
<p class="text-base font-bold whitespace-nowrap">
{{
valueFormatter(
active !== null && sectors.length !== 0
@ -72,7 +72,14 @@
)
}}
</p>
<p class="text-xs text-gray-600 font-semibold">
<p
class="
text-xs text-gray-600
font-semibold
whitespace-nowrap
overflow-x-scroll
"
>
{{
active !== null && sectors.length !== 0
? sectors[active].label

8
src/pages/Dashboard/Expenses.vue
View File

@ -21,7 +21,7 @@
<div class="w-3 h-3 rounded-sm" :class="d.class"></div>
<div class="ml-3">{{ d.account }}</div>
</div>
<div>{{ frappe.format(d.total, 'Currency') }}</div>
<p class="whitespace-nowrap">{{ frappe.format(d.total, 'Currency') }}</p>
</div>
</div>
<DonutChart
@ -48,12 +48,12 @@
</template>
<script>
import frappe from 'frappe';
import theme from '@/theme';
import frappe from 'frappe';
import DonutChart from '../../components/Charts/DonutChart.vue';
import { getDatesAndPeriodicity } from './getDatesAndPeriodicity';
import PeriodSelector from './PeriodSelector';
import SectionHeader from './SectionHeader';
import { getDatesAndPeriodicity } from './getDatesAndPeriodicity';
import DonutChart from '../../components/Charts/DonutChart.vue';
export default {
name: 'Expenses',