moanos/RattenheimRechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Move result to tab content

Browse Source
This commit is contained in:
moanos [he/him] 2025-04-13 18:25:55 +02:00
parent 4f9c7d82f8
commit de91ad9367
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/index.html
View File

@ -4,7 +4,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Käfigrechner</title> <title>Käfigrechner</title>
<meta content="width=device-width, initial-scale=1" name="viewport"/> <meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta name="description" content="Rechner für die Größe eines Rattenkäfigs basierend auf den Empfehlungen des VdRD e.V."> <meta name="description"
content="Rechner für die Größe eines Rattenkäfigs basierend auf den Empfehlungen des VdRD e.V.">
<meta name="keywords" content="Farbratten, Käfig, Ratten, Rechner, Rat, Calculator, Cage"> <meta name="keywords" content="Farbratten, Käfig, Ratten, Rechner, Rat, Calculator, Cage">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
@ -61,8 +62,8 @@
<p>Here is a list of cages you can get.</p> <p>Here is a list of cages you can get.</p>
</div> </div>
<div class="" data-content-id="3"> <div class="" data-content-id="3">
<div class="card" id="container-cages"> <div class="card">
<div class="card-content" id="card-ManualMeasurements"> <div class="card-content">
<h2 class="title is-4"><label data-i18n-key="cage-measurements" <h2 class="title is-4"><label data-i18n-key="cage-measurements"
for="form-cage-measurements">Käfigmaße</label></h2> for="form-cage-measurements">Käfigmaße</label></h2>
<form id="form-cage-measurements" class="form-measurements"> <form id="form-cage-measurements" class="form-measurements">
@ -91,7 +92,6 @@
</span> </span>
</p> </p>
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<label for="numFullFloors" class="label" <label for="numFullFloors" class="label"
@ -120,16 +120,16 @@
</form> </form>
</div> </div>
</div> </div>
</div> <div class="card-footer is-fullwidth">
</div> <div class="card" id="result-card">
<div class="card-header">
<h2 class="card-header-title is-3 is-centered" data-i18n-key="result">Ergebnis</h2>
<div class="card"> </div>
<div class="card-header"> <div class="card-content">
<h2 class="title is-3" data-i18n-key="result">Ergebnis</h2> <div id="resultsDiv"></div>
</div> </div>
<div class="card-content"> </div>
<div id="resultsDiv"></div> </div>
</div> </div>
</div> </div>

3
src/main.scss
View File

@ -28,6 +28,9 @@ body {
padding: 5px; padding: 5px;
} }
#result-card {
width: 100%;
}
// Import the Google Font // Import the Google Font
@import url("https://fonts.googleapis.com/css?family=Nunito:400,700"); @import url("https://fonts.googleapis.com/css?family=Nunito:400,700");