made gui look a little nicer
This commit is contained in:
parent
7eb5f953d7
commit
7e3e38ee18
@ -46,8 +46,10 @@
|
||||
</nav>
|
||||
<main>
|
||||
<div class="container" id="my-form">
|
||||
<select class="form-control" id="patternSelector"></select>
|
||||
<select class="form-control" id="modelSelector"></select>
|
||||
<div class="selector-container">
|
||||
<select class="form-control" id="patternSelector"></select>
|
||||
<select class="form-control" id="modelSelector"></select>
|
||||
</div>
|
||||
<textarea
|
||||
rows="5"
|
||||
class="form-control"
|
||||
|
@ -37,14 +37,27 @@ body {
|
||||
border: 1px solid #555; /* Adjusted border color */
|
||||
padding: 10px; /* Added padding for better text visibility */
|
||||
}
|
||||
#patternSelector {
|
||||
|
||||
.selector-container {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-bottom: 10px;
|
||||
background-color: #424242; /* Darker shade for textarea */
|
||||
color: #e0e0e0; /* Light text for readability */
|
||||
border: 1px solid #555; /* Adjusted border color */
|
||||
padding: 10px; /* Added padding for better text visibility */
|
||||
}
|
||||
|
||||
#patternSelector,
|
||||
#modelSelector {
|
||||
flex: 1;
|
||||
background-color: #424242;
|
||||
color: #e0e0e0;
|
||||
border: 1px solid #555;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
}
|
||||
.light-theme #modelSelector {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
@ -78,6 +91,7 @@ body {
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.drag-over {
|
||||
background-color: #505050; /* Slightly lighter than the regular background for visibility */
|
||||
border: 2px dashed #007bff; /* Dashed border with the primary button color for emphasis */
|
||||
@ -123,6 +137,7 @@ body.light-theme .navbar-toggler-icon {
|
||||
padding: 0.25rem 0.5rem; /* Adjust padding for the toggle button */
|
||||
}
|
||||
}
|
||||
|
||||
#responseContainer {
|
||||
position: relative; /* Needed for absolute positioning of the child button */
|
||||
}
|
||||
@ -158,6 +173,7 @@ body.light-theme .navbar-toggler-icon {
|
||||
#copyButton:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#patternCreatedMessage {
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
@ -177,8 +193,14 @@ body.light-theme .navbar-toggler-icon {
|
||||
color: #333;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#patternCreator textarea {
|
||||
background-color: #424242;
|
||||
color: #e0e0e0;
|
||||
border: 1px solid #555;
|
||||
}
|
||||
#patternCreator input {
|
||||
background-color: #424242;
|
||||
color: #e0e0e0;
|
||||
border: 1px solid #555;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user