diff --git a/css/body.css b/css/body.css index b036c34..bdf296b 100644 --- a/css/body.css +++ b/css/body.css @@ -1,3 +1,12 @@ body { margin: 0; /* Remove body margins */ +} + +.page-container { + padding-top: 74px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: stretch; + } \ No newline at end of file diff --git a/css/navbar.css b/css/navbar.css index 1f93ce3..70034d3 100644 --- a/css/navbar.css +++ b/css/navbar.css @@ -11,7 +11,7 @@ align-items: center; align-items: stretch; background-color: #252631; - min-height: 44px; + min-height: 74px; } .navbar-container { display: flex; diff --git a/css/search.css b/css/search.css new file mode 100644 index 0000000..60e4652 --- /dev/null +++ b/css/search.css @@ -0,0 +1,54 @@ + + +.property-search-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 10px 50px; + flex-grow: 1; +} + +.property-search-bar-container { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + min-width: 400px; + max-width: 600px; + width: 100%; + padding: 0px 20px; + min-height: 50px; + border: 0.5px solid rgba(0, 0, 0, 0.08); + border-radius: 30px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; + background-color: white; + flex-grow: 1; + + color: #252631; +} + +.property-search-bar { + border: 0px; + padding: 10px; + outline: none; + font-family: Source Sans Pro; + font-size: 15px; + flex-grow: 1; +} + +.property-search-filters-container { + color: black; +} + +.property-search-filter-item { + color: gray; +} + +.property-search-results-container { + color: purple; +} + +.property-search-result-card { + color: orange +} \ No newline at end of file diff --git a/dist/body-1dfd5cf65077c12.css b/dist/body-1dfd5cf65077c12.css deleted file mode 100644 index b036c34..0000000 --- a/dist/body-1dfd5cf65077c12.css +++ /dev/null @@ -1,3 +0,0 @@ -body { - margin: 0; /* Remove body margins */ -} \ No newline at end of file diff --git a/dist/body-546d222c63c2d8b.css b/dist/body-546d222c63c2d8b.css new file mode 100644 index 0000000..bdf296b --- /dev/null +++ b/dist/body-546d222c63c2d8b.css @@ -0,0 +1,12 @@ +body { + margin: 0; /* Remove body margins */ +} + +.page-container { + padding-top: 74px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: stretch; + +} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 1357e5a..f5420d2 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,15 +1,16 @@