Add flex layout and button styling to settings.html
This commit is contained in:
@@ -102,6 +102,12 @@
|
|||||||
margin-left: 0.8rem;
|
margin-left: 0.8rem;
|
||||||
}
|
}
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
|
.buttons {
|
||||||
|
display: flex; /* Flex-Layout */
|
||||||
|
justify-content: flex-end; /* nach rechts schieben */
|
||||||
|
gap: 1rem; /* Abstand zwischen den Buttons */
|
||||||
|
margin-top: 1rem; /* wenn Du noch Abstand nach oben brauchst */
|
||||||
|
}
|
||||||
button{
|
button{
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 0.5em 1.2em;
|
padding: 0.5em 1.2em;
|
||||||
@@ -118,11 +124,21 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Infotext */
|
/* Infotext */
|
||||||
.ollama-info {
|
#ollama-model-selectors label {
|
||||||
font-size: 0.95rem;
|
display: flex;
|
||||||
color: #dc2626;
|
align-items: center;
|
||||||
text-align: center;
|
gap: 0.6em;
|
||||||
margin-top: 0.8rem;
|
margin-bottom: 0.3em;
|
||||||
|
}
|
||||||
|
#ollama-model-selectors select {
|
||||||
|
min-width: 100px;
|
||||||
|
max-width: 180px;
|
||||||
|
padding: 0.35em 0.5em;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 1rem;
|
||||||
|
border: 1.2px solid #cbd5e1;
|
||||||
|
background: #f8fafc;
|
||||||
|
color: #334155;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
Reference in New Issue
Block a user