IntenseFinance/firefly-iii
3
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-02-25 18:45:27 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix icons en styling

Browse Source
This commit is contained in:
James Cole 2024-04-03 08:59:44 +02:00
parent 5fffe873c6
commit 83de5667b3
No known key found for this signature in database
GPG Key ID: B49A324B7EAD6D80
2 changed files with 43 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/v2/sass/app.scss
View File

@ -26,6 +26,12 @@ $danger: #CD5029 !default;
$primary: #1E6581 !default;
$success: #64B624 !default;
/*
Remove bottom margin from unstyled lists
*/
.list-no-margin {margin-bottom: 0;}
.list-no-margin li.list-indent {margin-left:1.6em;}
.hover-footer {
overflow-x:hidden;
width:100%;

74
resources/views/v2/partials/dashboard/account-list.blade.php
View File

@ -27,53 +27,53 @@
<tr>
<td>
<template x-if="group.title">
<span>
TODO ICON
<a
:href="'{{route('transactions.show', '') }}/' + group.id"
x-text="group.title"></a><br/></span>
<span>
<template x-if="group.transactions[0].type === 'withdrawal'">
<span class="text-muted fa-solid fa-arrow-left fa-fw"></span>
</template>
<template x-if="group.transactions[0].type === 'deposit'">
<span class="text-muted fa-solid fa-arrow-right fa-fw"></span>
</template>
<template x-if="group.transactions[0].type === 'transfer'">
<span class="text-muted fa-solid fa-arrows-rotate fa-fw"></span>
</template>
<a :href="'{{route('transactions.show', '') }}/' + group.id" x-text="group.title"></a><br/></span>
</template>
<ul class="list-unstyled list-no-margin">
<template x-for="transaction in group.transactions">
<span>
<template x-if="group.title">
<span>-
<span
x-text="transaction.description"></span><br>
</span>
</template>
<template x-if="!group.title">
<span>
<!-- withdrawal -->
<template
x-if="transaction.type == 'withdrawal'">
<span
class="text-muted fa-solid fa-arrow-left fa-fw"></span>
</template>
<template x-if="transaction.type == 'deposit'">
<span
class="text-muted fa-solid fa-arrow-right fa-fw"></span>
</template>
<template x-if="transaction.type == 'transfer'">
<span
class="text-muted fa-solid fa-arrows-rotate fa-fw"></span>
</template>
<a
:href="'{{route('transactions.show', '') }}/' + group.id"
x-text="transaction.description"></a><br>
</span>
</template>
</span>
<li :class="{'list-indent': group.title}">
<template x-if="group.title">
<span x-text="transaction.description"></span>
</template>
<template x-if="!group.title">
<span>
<template x-if="transaction.type == 'withdrawal'">
<span class="text-muted fa-solid fa-arrow-left fa-fw"></span>
</template>
<template x-if="transaction.type == 'deposit'">
<span class="text-muted fa-solid fa-arrow-right fa-fw"></span>
</template>
<template x-if="transaction.type == 'transfer'">
<span class="text-muted fa-solid fa-arrows-rotate fa-fw"></span>
</template>
<a :href="'{{route('transactions.show', '') }}/' + group.id" x-text="transaction.description"></a>
</span>
</template>
</li>
</template>
</ul>
</td>
<td style="width:30%;" class="text-end">
<template x-if="group.title">
<span><br/></span>
</template>
<ul class="list-unstyled list-no-margin">
<template x-for="transaction in group.transactions">
<span>
@include('partials.elements.amount', ['autoConversion' => true,'type' => 'transaction.type','amount' => 'transaction.amount','native' => 'transaction.native_amount'])
</span>
<li>
@include('partials.elements.amount', ['autoConversion' => true,'type' => 'transaction.type','amount' => 'transaction.amount','native' => 'transaction.native_amount'])
</li>
</template>
</ul>
</td>
</tr>
</template>