Update design

This commit is contained in:
Edgar P. Burkhart 2022-12-18 09:58:40 +01:00
parent e026445ec3
commit edf6ae0584
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
6 changed files with 28 additions and 29 deletions

View file

@ -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";
}

View file

@ -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 {

View file

@ -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

View file

@ -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

View file

@ -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 %}

View file

@ -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 %}