Cleanup the CSS.

This commit is contained in:
Midou36O 2023-10-13 14:00:41 +01:00
parent 0b7901958f
commit b34c70d8bd
Signed by untrusted user: midou
GPG Key ID: 1D134A95FE521A7A
2 changed files with 20 additions and 4 deletions

View File

@ -196,3 +196,19 @@ button:hover {
border-left: 2px solid #f57c00;
box-shadow: 2px 2px 0px 0px rgba(245, 124, 0, 0.25);
}
.center-area {
display: flex;
justify-content: space-around;
align-items: center;
max-width: 35%;
margin: auto;
margin-bottom: 1%;
}
.center-area2 {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
margin: auto;
}

View File

@ -18,7 +18,7 @@
<!-- This hidden input is so that the engine gets sent in the request even though its not declared here -->
<input name="engine" value="{{.Engine}}" type="hidden" />
<div class="wrap languages" style="display:flex; justify-content:space-around; align-items:center; max-width:35%;margin: auto;margin-bottom: 1%;">
<div class="wrap languages center-area" >
<div class="language">
<select name="from" aria-label="Source language" id="sourceLanguage">
{{range $key, $value := .SourceLanguages}} {{if $.From}}
@ -55,7 +55,7 @@
</div>
</div>
<div class="item-wrapper" style="display:flex;flex-direction: column;justify-content: center;text-align: center;margin: auto;">
<div class="center-area2 item-wrapper">
Source Text:
<textarea autofocus class="item" id="input" name="text" dir="auto" placeholder="Enter Text Here">
{{ .OriginalText }}</textarea>
@ -68,7 +68,7 @@
{{ if .TranslateAll }}
{{range $key, $value := .TranslateAll}}
<div class="item-wrapper" style="display:flex;flex-direction: column;justify-content: center;text-align: center;margin: auto;">
<div class="item-wrapper center-area2">
Engine: {{.Engine}}
<textarea class="translation item" dir="auto" placeholder="Translation" id="output" readonly>
{{.OutputText}}</textarea>
@ -81,7 +81,7 @@
</div>
{{end}}
{{ else }} {{if .TranslationExists}}
<div class="item-wrapper" style="display:flex;flex-direction: column;justify-content: center;text-align: center;margin: auto;">
<div class="item-wrapper center-area2">
<textarea class="translation item" dir="auto" placeholder="Translation" id="output" readonly>
{{.Translation.OutputText}}</textarea>
{{if .Translation.AutoDetect}}