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; $primary: #1E6581 !default;
$success: #64B624 !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 { .hover-footer {
overflow-x:hidden; overflow-x:hidden;
width:100%; width:100%;

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

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