136 lines
3.6 KiB
Vue
136 lines
3.6 KiB
Vue
|
<script setup>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<main>
|
||
|
|
<div class="task-new-wrapper">
|
||
|
|
<div class="task">
|
||
|
|
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
|
||
|
|
<a href="#">+ Project</a>
|
||
|
|
</div>
|
||
|
|
<div class="task">
|
||
|
|
<img src="/src/assets/svg/dollar.svg" alt="">
|
||
|
|
<div>
|
||
|
|
<input type="time" value="00:00">
|
||
|
|
<button>Start</button>
|
||
|
|
<img src="/src/assets/svg/dots.svg" alt="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="task-day-wrapper">
|
||
|
|
<div class="header">
|
||
|
|
<div class="left">
|
||
|
|
<p>Wed, Dec 13</p>
|
||
|
|
</div>
|
||
|
|
<div class="right">
|
||
|
|
<p>Total: 1:45:21</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="task-wrapper">
|
||
|
|
<div class="task">
|
||
|
|
<span>
|
||
|
|
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<p>TiM</p>
|
||
|
|
<p>Filip Rojek</p>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/dollar.svg" alt="">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<input type="time" value="00:00">
|
||
|
|
<p>-</p>
|
||
|
|
<input type="time" value="01:45">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<input type="time" value="01:45">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/play.svg" alt="">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/dots.svg" alt="">
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="task-day-wrapper">
|
||
|
|
<div class="header">
|
||
|
|
<div class="left">
|
||
|
|
<p>Wed, Dec 13</p>
|
||
|
|
</div>
|
||
|
|
<div class="right">
|
||
|
|
<p>Total: 1:45:21</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="task-wrapper">
|
||
|
|
<div class="task">
|
||
|
|
<span>
|
||
|
|
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<p>TiM</p>
|
||
|
|
<p>Filip Rojek</p>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/dollar.svg" alt="">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<input type="time" value="00:00">
|
||
|
|
<p>-</p>
|
||
|
|
<input type="time" value="01:45">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<input type="time" value="01:45">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/play.svg" alt="">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/dots.svg" alt="">
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="task-day-wrapper">
|
||
|
|
<div class="header">
|
||
|
|
<div class="left">
|
||
|
|
<p>Wed, Dec 13</p>
|
||
|
|
</div>
|
||
|
|
<div class="right">
|
||
|
|
<p>Total: 1:45:21</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="task-wrapper">
|
||
|
|
<div class="task">
|
||
|
|
<span>
|
||
|
|
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<p>TiM</p>
|
||
|
|
<p>Filip Rojek</p>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/dollar.svg" alt="">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<input type="time" value="00:00">
|
||
|
|
<p>-</p>
|
||
|
|
<input type="time" value="01:45">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<input type="time" value="01:45">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/play.svg" alt="">
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="/src/assets/svg/dots.svg" alt="">
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</template>
|