fixed search line length

kamikidd · Jun 21, 2024 · e5d9ee4 · e5d9ee4
1 parent 9f5d5d6
commit e5d9ee4
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 39 deletions.
diff --git a/dist/assets/index.18cf9aea.css → dist/assets/index.7e8a3c00.css b/dist/assets/index.18cf9aea.css → dist/assets/index.7e8a3c00.css
diff --git a/dist/assets/index.822bd24c.js → dist/assets/index.a297e6da.js b/dist/assets/index.822bd24c.js → dist/assets/index.a297e6da.js
diff --git a/dist/index.html b/dist/index.html
@@ -6,8 +6,8 @@
     <title>Buero Vatter</title>
 
 
-    <script type="module" crossorigin src="/bv2024_frontend/assets/index.822bd24c.js"></script>
-    <link rel="stylesheet" href="/bv2024_frontend/assets/index.18cf9aea.css">
+    <script type="module" crossorigin src="/bv2024_frontend/assets/index.a297e6da.js"></script>
+    <link rel="stylesheet" href="/bv2024_frontend/assets/index.7e8a3c00.css">
   </head>
   <body>
     <!-- landing page news -->

diff --git a/src/assets/styles/global_styles.css b/src/assets/styles/global_styles.css
@@ -218,6 +218,21 @@ body {
     color: #C00000;
 }
 
+/*project page search input text*/
+input#titleName {
+    border: none;
+    height: 47px;
+    font-size: 24px;
+    font-family: 'Karla', sans-serif;
+    font-weight: 300;
+    color: #525151;
+    width: 85%;
+}
+
+input#titleName:focus {
+    outline: none;
+}
+
 /*SelectedProjectComp*/
 .list_element {
     display: flex;

diff --git a/src/pages/Projects/Projects.jsx b/src/pages/Projects/Projects.jsx
@@ -138,15 +138,14 @@ const Projects = () => {
 
       <Container>
         <Row>
-          <Col xxl={4}>
-            <div>
+          <Col lg={4}>
+            <Row className={`${styles.left_side}`}>
               <SearchInputComp
                 onChange={setTitle}
                 isClear={isClear}
                 isCleared={handleClearStatus}
               ></SearchInputComp>
               <br />
-
               <div className={`${styles.filter_label}`}>
                 Filtern nach Thema:<br></br>
                 <SelectComp
@@ -169,10 +168,10 @@ const Projects = () => {
                   isCleared={handleClearStatus}
                 ></SelectComp>
               </div>
-            </div>
+            </Row>
           </Col>
 
-          <Col xxl={8} xl={12}>
+          <Col lg={8}>
             <div
               className={`${styles.container} 
                   ${result.length == projects.data.length ? "" : styles.withbtn}

diff --git a/src/pages/Projects/projects.module.css b/src/pages/Projects/projects.module.css
@@ -87,29 +87,22 @@
     padding-left: 0px;
 }
 
-input[type=text] {
-    border: none;
-    border-bottom: 1px solid #936464;
-    height: 47px;
+.left_side {
     max-width: 390px;
     width: 100%;
-    font-size: 24px;
-    font-family: 'Karla', sans-serif;
-    font-weight: 300;
-    color: #525151;
-}
-
-input[type=text]:focus {
-    outline: none;
+    margin: 0px;
 }
 
 .search_label {
     margin-bottom: 79px;
+    width: 100%;
 }
 
 .clear_input_container {
     position: relative;
     display: inline-block;
+    border-bottom: 1px solid #936464;
+    width: 100%;
 }
 
 .clear_search {
@@ -141,6 +134,8 @@ input[type=text]:focus {
     font-weight: 600;
     text-align: left;
     margin-bottom: 40px;
+    padding-left: 0px;
+    padding-right: 0px;
 }
 
 .filter_list {