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 </script>search.value
<template> <template>
<header class="w-screen flex flex-col place-content-center"> <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 bg-amber-300 text-sky-700"> <div class="flex flex-row place-content-center">
<h1 class="p-2 text-xl">{{ applicationName }} {{ cityName }}</h1> <h1 class="p-2 text-xl">{{ applicationName }} {{ cityName }}</h1>
<MainMenu /> <MainMenu />
</div> </div>

8
src/components/Search.vue
View file

@ -21,10 +21,10 @@ export default {
</script> </script>
<template> <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"> <div class="flex flex-row w-full max-w-5xl">
<input <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" type="search"
placeholder="z. B. XY" placeholder="z. B. XY"
v-model="search.value" v-model="search.value"
@ -33,13 +33,13 @@ export default {
/> />
<div class="flex flex-row p-4 place-content-center"> <div class="flex flex-row p-4 place-content-center">
<button <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')" @click.prevent="submit('filter')"
aria-keyshortcuts="Enter" aria-keyshortcuts="Enter"
>Suchen >Suchen
</button> </button>
<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')" @click.prevent="submit('assist')"
aria-keyshortcuts="Alt+Enter" aria-keyshortcuts="Alt+Enter"
title="Tastenkürzel: Alt + Enter" title="Tastenkürzel: Alt + Enter"