Update design
This commit is contained in:
parent
e026445ec3
commit
edf6ae0584
6 changed files with 28 additions and 29 deletions
|
@ -5,34 +5,35 @@
|
|||
}
|
||||
|
||||
:root {
|
||||
--theme: #006633;
|
||||
--theme-0: #00f279;
|
||||
--theme-1: #00b359;
|
||||
--theme-2: #007339;
|
||||
--theme-3: var(--theme);
|
||||
--theme-4: #004d26;
|
||||
--theme: #33cc66;
|
||||
--theme-0: #138037;
|
||||
--theme-1: #59ff91;
|
||||
--theme-2: var(--theme);
|
||||
--theme-3: #800a06;
|
||||
--theme-4: #cc3733;
|
||||
|
||||
--text-theme: var(--text-inv);
|
||||
--text-theme: var(--text);
|
||||
|
||||
--bg: #ffffff;
|
||||
--text: #000000de;
|
||||
|
||||
--bg-inv: var(--theme-4);
|
||||
--bg-inv: var(--theme-1);
|
||||
--text-inv: #ffffffde;
|
||||
|
||||
--bg-01: #dedede;
|
||||
--bg-01: #f0f0f0;
|
||||
|
||||
--text-link: #0a35ccde;
|
||||
--text-link: var(--theme-0);
|
||||
|
||||
--gap: 1rem;
|
||||
|
||||
--red: #bf1500;
|
||||
--green: var(--theme-2);
|
||||
--red: var(--theme-3);
|
||||
--green: var(--theme-0);
|
||||
|
||||
--red-1: #f21b00;
|
||||
--red-1: var(--theme-4);
|
||||
--green-1: var(--theme-1);
|
||||
|
||||
--radius: 2px;
|
||||
--border: .5em;
|
||||
--radius: .25em;
|
||||
|
||||
--num: "tnum", "ss01", "case";
|
||||
}
|
||||
|
|
|
@ -3,7 +3,8 @@
|
|||
margin: 2em 0;
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
border-bottom: .5em solid var(--bg-inv);
|
||||
border-bottom: var(--border) solid var(--theme);
|
||||
border-top: var(--border) solid var(--theme);
|
||||
}
|
||||
.table.col2 {grid-template-columns: repeat(2, auto)}
|
||||
.table.col3 {grid-template-columns: repeat(3, auto)}
|
||||
|
@ -24,7 +25,6 @@
|
|||
|
||||
.table > div.header > * {
|
||||
background: var(--bg-inv);
|
||||
color: var(--text-inv);
|
||||
}
|
||||
|
||||
.table > div > .center {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<defs>
|
||||
<rect id="basemask" x="-10" y="-10" width="110" height="110" />
|
||||
<rect id="basemask" x="5" y="-5" width="90" height="110" />
|
||||
<rect id="line" x="45" y="-10" width="10" height="120" />
|
||||
</defs>
|
||||
|
||||
|
@ -14,8 +14,8 @@
|
|||
<use href="#line" transform="translate(20)" fill="black" />
|
||||
</mask>
|
||||
|
||||
<polygon points="25,0 75,0 100,25 100,75 75,100 25,100 0,75 0,25"
|
||||
fill="white"
|
||||
<circle cx="50" cy="50" r="50"
|
||||
fill="#ffffff"
|
||||
mask="url(#mask)"
|
||||
transform-origin="center center" transform="rotate(10) scale(.8)" />
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 576 B After Width: | Height: | Size: 539 B |
|
@ -4,7 +4,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<defs>
|
||||
<rect id="basemask" x="-10" y="-10" width="110" height="110" />
|
||||
<rect id="basemask" x="5" y="-5" width="90" height="110" />
|
||||
<rect id="line" x="45" y="-10" width="10" height="120" />
|
||||
</defs>
|
||||
|
||||
|
@ -14,8 +14,8 @@
|
|||
<use href="#line" transform="translate(20)" fill="black" />
|
||||
</mask>
|
||||
|
||||
<polygon points="25,0 75,0 100,25 100,75 75,100 25,100 0,75 0,25"
|
||||
fill="#006633"
|
||||
<circle cx="50" cy="50" r="50"
|
||||
fill="#000000"
|
||||
mask="url(#mask)"
|
||||
transform-origin="center center" transform="rotate(10) scale(.8)" />
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 578 B After Width: | Height: | Size: 539 B |
|
@ -22,7 +22,7 @@
|
|||
<a href="{% url 'index' %}"
|
||||
class="home{% if request.resolver_match.url_name == 'index' %} cur{% endif %}"
|
||||
accesskey="h">
|
||||
<img src="{% static 'main/svg/logo-white.svg' %}" alt="" />Nummi
|
||||
<img src="{% static 'main/svg/logo.svg' %}" alt="" />Nummi
|
||||
</a>
|
||||
<a href="{% url 'transactions' %}"
|
||||
class="{% if request.resolver_match.url_name == 'transactions' %}cur{% endif %}"
|
||||
|
@ -32,22 +32,22 @@
|
|||
<a href="{% url 'transaction' %}"
|
||||
class="{% if request.resolver_match.url_name == 'transaction' %}cur{% endif %}"
|
||||
accesskey="n">
|
||||
{% translate "Add transaction" %}
|
||||
{% translate "New transaction" %}
|
||||
</a>
|
||||
<a href="{% url 'category' %}"
|
||||
class="{% if request.resolver_match.url_name == 'category' %}cur{% endif %}"
|
||||
accesskey="c">
|
||||
{% translate "Add category" %}
|
||||
{% translate "New category" %}
|
||||
</a>
|
||||
<a href="{% url 'snapshot' %}"
|
||||
class="{% if request.resolver_match.url_name == 'snapshot' %}cur{% endif %}"
|
||||
accesskey="s">
|
||||
{% translate "Add snapshot" %}
|
||||
{% translate "New snapshot" %}
|
||||
</a>
|
||||
<a href="{% url 'logout' %}"
|
||||
class="logout"
|
||||
accesskey="l">
|
||||
{% translate "Log Out" %}
|
||||
<i class="fa fa-right-from-bracket"></i>
|
||||
</a>
|
||||
</nav>
|
||||
{% endspaceless %}
|
||||
|
|
|
@ -10,8 +10,6 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h1><img src="{% static 'main/svg/logo.svg' %}" alt="" />Nummi</h1>
|
||||
|
||||
{% if transactions %}
|
||||
<h2>{% translate "Transactions" %}</h2>
|
||||
{% transaction_table transactions %}
|
||||
|
|
Loading…
Reference in a new issue