less bad
This commit is contained in:
parent
a718ef32f5
commit
6fcf8dba1c
@ -61,7 +61,11 @@ button {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
}
|
}
|
||||||
|
#thing {
|
||||||
|
display:flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
.source-btn {
|
.source-btn {
|
||||||
background-color: #333333;
|
background-color: #333333;
|
||||||
color: white;
|
color: white;
|
||||||
@ -232,7 +236,7 @@ button:hover {
|
|||||||
#stupid {
|
#stupid {
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #a6a6a6;
|
background-color: #a6a6a6;
|
||||||
height: 10px;
|
height: 20px;
|
||||||
border-radius: 53px;
|
border-radius: 53px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
@ -254,7 +258,7 @@ button:hover {
|
|||||||
color: black;
|
color: black;
|
||||||
background-color: #d9d9d9;
|
background-color: #d9d9d9;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
height:10px;
|
height:20px;
|
||||||
border-radius: 53px;
|
border-radius: 53px;
|
||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
}
|
}
|
||||||
@ -294,3 +298,7 @@ button:hover{
|
|||||||
color: transparent !important;
|
color: transparent !important;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
#containerhell{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
@ -12,7 +12,7 @@ body {
|
|||||||
.modal {
|
.modal {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1;
|
z-index: 10;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction: column;
|
flex-direction: row;
|
||||||
justify-content:center;
|
justify-content:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -26,5 +26,4 @@
|
|||||||
font-size:30px;
|
font-size:30px;
|
||||||
font-size:30px;
|
font-size:30px;
|
||||||
position:fixed;
|
position:fixed;
|
||||||
right: calc(100vw - 800px);
|
|
||||||
}
|
}
|
@ -33,11 +33,11 @@
|
|||||||
<input type="checkbox" id="mobileCheckbox"> -->
|
<input type="checkbox" id="mobileCheckbox"> -->
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
<!-- thats right a closed input tag (and the input is a flexbox!), we going full dumbass mode-->
|
<!-- thats right a closed input tag (and the input is a flexbox!), we going full dumbass mode-->
|
||||||
|
<!-- mb it turns out you cant close input tags (wow no way who wouldve thought)-->
|
||||||
<input type="text" id="search-bar" placeholder="Search Clients...">
|
<input type="text" id="search-bar" placeholder="Search Clients...">
|
||||||
<button alt="Clear search">
|
<button alt="Clear search" id="thing">
|
||||||
<i class="bi bi-x" id="search-clear" ></i>
|
<i class="bi bi-x" id="search-clear" ></i>
|
||||||
</button>
|
</button>
|
||||||
</input>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="versionSelector">
|
<div id="versionSelector">
|
||||||
<div id="containerhell">
|
<div id="containerhell">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user