clement/budget_analyser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Work on incomes & expanse

Browse Source
This commit is contained in:
TiclemFR
2024-01-27 10:32:55 +01:00
parent 336f2bae93
commit ce5b9ac0c8
48 changed files with 27832 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
resources/js/templates/home.css Normal file
View File

@@ -0,0 +1,30 @@
header {
margin-bottom: 5px;
background-color: rgb(0, 0, 0);
padding: 10px;
border-radius: 0 0 20px 20px;
box-shadow: 0 5px 5px gray;
}
header a {
color: white;
text-decoration: none;
width: 100%;
}
header a::before {
content: "";
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #08d375;
transform: scaleX(0);
transition: transform 0.5s ease;
}
header a:hover {
color: #08d375;
transition: all ease 0.5s;
}
header a:hover::before {
transform: scaleX(1);
}/*# sourceMappingURL=home.css.map */

1
resources/js/templates/home.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["home.scss","home.css"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,8BAAA;EACA,aAAA;EACA,4BAAA;EACA,0BAAA;ACCJ;ADAI;EACI,YAAA;EACA,qBAAA;EACA,WAAA;ACER;ADDQ;EACI,WAAA;EACA,cAAA;EACA,WAAA;EACA,WAAA;EACA,SAAA;EACA,OAAA;EACA,yBAAA;EACA,oBAAA;EACA,+BAAA;ACGZ;ADDQ;EACI,cAAA;EACA,yBAAA;ACGZ;ADFY;EACI,oBAAA;ACIhB","file":"home.css"}

28
resources/js/templates/home.layout.vue Normal file
View File

@@ -0,0 +1,28 @@
<script setup>
import { Link } from "@inertiajs/vue3";
</script>
<style>
@import "home.css";
</style>
<template>
<header>
<div class="container text-center">
<div class="row">
<div class="col">
<Link href="/">Home</Link>
</div>
<div class="col">
<Link href="/transactions">Manage Expanses & Incomes</Link>
</div>
<div class="col">
<Link href="">Lorem</Link>
</div>
</div>
</div>
</header>
<main>
<slot />
</main>
</template>

30
resources/js/templates/home.scss Normal file
View File

@@ -0,0 +1,30 @@
header {
margin-bottom: 5px;
background-color: rgb(0, 0, 0);
padding: 10px;
border-radius: 0 0 20px 20px;
box-shadow: 0 5px 5px gray;
a {
color: white;
text-decoration: none;
width: 100%;
&::before {
content: "";
display: block;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #08d375;
transform: scaleX(0);
transition: transform 0.5s ease;
}
&:hover {
color: #08d375;
transition: all ease 0.5s;
&::before {
transform: scaleX(1);
}
}
}
}