diff --git a/webapp/src/assets/css/style.css b/webapp/src/assets/css/style.css index 02688e8..afddf33 100644 --- a/webapp/src/assets/css/style.css +++ b/webapp/src/assets/css/style.css @@ -45,6 +45,7 @@ a { font-weight: 500; color: var(--color-text2); text-decoration: inherit; + transition: all 0.3s; } a:hover { color: var(--color-text3); @@ -220,6 +221,22 @@ button:focus-visible { padding: 10px; text-align: center; } +#about .cols { + /* border: 1px red solid; */ + display: flex; + flex-direction: row; + justify-content: center; +} +#about .cols div { + margin: 10px; + padding: 10px; + background-color: var(--color-bg0); + transition: all 0.3s; + min-width: 150px; +} +#about .cols div:hover { + filter: brightness(1.2); +} /* ---------------------------------------------------- 99 - LIGHT MODE diff --git a/webapp/src/views/About.vue b/webapp/src/views/About.vue index b885f84..981bb53 100644 --- a/webapp/src/views/About.vue +++ b/webapp/src/views/About.vue @@ -4,20 +4,34 @@
Verzia aplikácie: {{ version }} | Zostavené: {{ build }}
-Autor: Ing. Igor Miňo
- Backend:
- PHP 8.2
- | Databaza:
-
SQLite
- | Frontend:
-
Vue 3
+ Verzia aplikácie: {{ version }} | Zostavené: {{ build }}
Autor: Ing. Igor Miňo
+