EaglercraftX-Client-Collections/EaglercraftX-Site
4
5
Fork 2
Code Issues Pull Requests Actions Projects Wiki Activity

Moved searchbar css to separate css file for posible future use

Browse Source
This commit is contained in:
PrestonT500 2024-09-18 19:59:00 -07:00
parent 9df534678b
commit a7a9c3e9f5
3 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/index.css
View File

@ -126,17 +126,3 @@ button:hover {
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
.search-container {
text-align: center;
margin: 20px 0;
}
#search-bar {
margin: 0 auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
width: 50%;
max-width: 400px;
}

15
css/searchbar.css Normal file
View File

@ -0,0 +1,15 @@
.search-container {
text-align: center;
margin: 20px 0;
}
#search-bar {
margin: 0 auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
width: 50%;
max-width: 400px;
}

1
index.html
View File

@ -8,6 +8,7 @@
<link rel="icon" type="image/x-icon" href="images/icon.jpeg"> <link rel="icon" type="image/x-icon" href="images/icon.jpeg">
<link rel="stylesheet" href="css/index.css"> <link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/popup.css"> <link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/searchbar.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head> </head>