2.0 - WebUI builder ("Cielight" merge) #9

Merged
Djeex merged 43 commits from beta into main 2025-08-26 10:52:13 +02:00
23 changed files with 2200 additions and 5 deletions
Showing only changes of commit 369704a87c - Show all commits

View File

@ -45,7 +45,7 @@
<form id="site-info-form"> <form id="site-info-form">
<!-- Info Section --> <!-- Info Section -->
<fieldset> <fieldset>
<legend>Info</legend> <h2>Info</h2>
<div class="fields"> <div class="fields">
<div class="input-field"> <div class="input-field">
<label>Title</label> <label>Title</label>
@ -75,7 +75,7 @@
</fieldset> </fieldset>
<!-- Social Section --> <!-- Social Section -->
<fieldset> <fieldset>
<legend>Social</legend> <h2>Social</h2>
<div class="fields"> <div class="fields">
<div class="input-field"> <div class="input-field">
<label>Instagram URL</label> <label>Instagram URL</label>
@ -92,7 +92,7 @@
</fieldset> </fieldset>
<!-- Menu Section --> <!-- Menu Section -->
<fieldset> <fieldset>
<legend>Menu</legend> <h2>Menu</h2>
<div class="fields"> <div class="fields">
<div class="input-field" style="flex: 1 1 100%;"> <div class="input-field" style="flex: 1 1 100%;">
<div id="menu-items-list"></div> <div id="menu-items-list"></div>
@ -102,7 +102,7 @@
</fieldset> </fieldset>
<!-- Footer Section --> <!-- Footer Section -->
<fieldset> <fieldset>
<legend>Footer</legend> <h2>Footer</h2>
<div class="fields"> <div class="fields">
<div class="input-field"> <div class="input-field">
<label>Copyright</label> <label>Copyright</label>
@ -116,7 +116,7 @@
</fieldset> </fieldset>
<!-- Legals Section --> <!-- Legals Section -->
<fieldset> <fieldset>
<legend>Legals</legend> <h2>Legals</h2>
<div class="fields"> <div class="fields">
<div class="input-field"> <div class="input-field">
<label>Hoster Name</label> <label>Hoster Name</label>
@ -139,7 +139,7 @@
</fieldset> </fieldset>
<!-- Build Section --> <!-- Build Section -->
<fieldset> <fieldset>
<legend>Build</legend> <h2>Build</h2>
<div class="fields"> <div class="fields">
<div class="input-field"> <div class="input-field">
<label>Theme</label> <label>Theme</label>

View File

@ -17,6 +17,9 @@ body {
h1, h2 { h1, h2 {
color: #FBFBFB; color: #FBFBFB;
} }
h2 {
color: #55c3ec;
}
/* --- Toolbar --- */ /* --- Toolbar --- */
.toolbar { .toolbar {
@ -488,26 +491,13 @@ h1, h2 {
padding: 0 40px 40px 40px; padding: 0 40px 40px 40px;
} }
#site-info-form fieldset {
border: none;
margin-bottom: 28px;
padding: 0;
background: rgba(0, 41, 48, 0.45);
border-radius: 18px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25);
padding: 32px 28px;
margin: 32px auto;
backdrop-filter: blur(12px);
}
#site-info-form fieldset { #site-info-form fieldset {
background-color: rgb(67 67 67 / 26%); background-color: rgb(67 67 67 / 26%);
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border: 1px solid #2f2e2e80; border: 1px solid #2f2e2e80;
margin-bottom: 28px; margin-bottom: 28px;
padding: 32px 28px; padding: 0 28px 32px 28px;
margin: 32px auto; margin: 32px auto;
} }