codeforleipzig/stadtratmonitor-vue
3
0
Fork 0
Code Issues Activity

improve styles

Browse source
This commit is contained in:
Vri 🌈 2023-06-16 15:27:12 +02:00
parent 780bf270ef
commit f21308a003
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.vue
View file

@ -32,8 +32,8 @@ export default {
</script>search.value
<template>
<header class="w-screen flex flex-col place-content-center">
<div class="flex flex-row place-content-center bg-amber-300 text-sky-700">
<header class="w-screen flex flex-col place-content-center bg-background-100 dark:bg-background-900 text-text-900 dark:text-text-100">
<div class="flex flex-row place-content-center">
<h1 class="p-2 text-xl">{{ applicationName }} {{ cityName }}</h1>
<MainMenu />
</div>

8
src/components/Search.vue
View file

@ -21,10 +21,10 @@ export default {
</script>
<template>
<form class="sticky top-0 flex flex-row place-content-center bg-amber-200">
<form class="sticky top-0 flex flex-row place-content-center">
<div class="flex flex-row w-full max-w-5xl">
<input
class="p-6 grow bg-transparent placeholder:text-amber-400 text-sky-700 text-2xl text-center focus-visible:outline focus-visible:outline-current"
class="p-6 grow bg-transparent placeholder:text-text-200 text-2xl text-center focus-visible:outline focus-visible:outline-current"
type="search"
placeholder="z. B. XY"
v-model="search.value"
@ -33,13 +33,13 @@ export default {
/>
<div class="flex flex-row p-4 place-content-center">
<button
class="py-2 px-4 bg-amber-400 hover:bg-amber-500 rounded-l-lg border-r-2 border-amber-500 text-white"
class="py-2 px-4 bg-primary-button-500 hover:bg-primary-button-600 rounded-l-lg text-white"
@click.prevent="submit('filter')"
aria-keyshortcuts="Enter"
>Suchen
</button>
<button
class="py-2 px-4 bg-amber-400 hover:bg-amber-500 rounded-r-lg text-white"
class="py-2 px-4 bg-secondary-button-500 hover:bg-secondary-button-600 rounded-r-lg text-white"
@click.prevent="submit('assist')"
aria-keyshortcuts="Alt+Enter"
title="Tastenkürzel: Alt + Enter"