Skip to content
Snippets Groups Projects
Commit 34ceafa6 authored by Simon Malesys's avatar Simon Malesys
Browse files

Style the dialog

parent 4076d312
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
src/client/components/AppDialog.vue
+ 9
− 7
View file @ 34ceafa6
...@@ -82,9 +82,10 @@ function closeFromOutside(event: MouseEvent): void { ...@@ -82,9 +82,10 @@ function closeFromOutside(event: MouseEvent): void {
<style scoped> <style scoped>
dialog { dialog {
border: none; background: hsl(274, 75%, 22%);
border: 1px solid var(--white);
border-radius: var(--radius); border-radius: var(--radius);
color: var(--black); color: var(--white);
max-height: 75%; max-height: 75%;
} }
...@@ -98,13 +99,14 @@ dialog::backdrop { ...@@ -98,13 +99,14 @@ dialog::backdrop {
} }
.close-button { .close-button {
position: absolute; background: transparent;
top: 5px; border: none;
right: 5px; color: var(--white);
cursor: pointer; cursor: pointer;
font-size: 25px; font-size: 25px;
border: none; position: absolute;
background: transparent; right: 5px;
top: 5px;
} }
.close-button:hover { .close-button:hover {
......
src/client/components/SearchBar.vue
+ 1
− 0
View file @ 34ceafa6
...@@ -188,6 +188,7 @@ function displayAdvancedSearch(): void { ...@@ -188,6 +188,7 @@ function displayAdvancedSearch(): void {
.search-group { .search-group {
display: flex; display: flex;
flex-flow: row wrap;
gap: var(--spacing); gap: var(--spacing);
align-items: center; align-items: center;
} }
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment