kuba/fm-dx-webserver
1
0
Fork 0
mirror of https://github.com/KubaPro010/fm-dx-webserver.git synced 2026-02-27 06:23:53 +01:00
Code Issues Activity

bugfixes

Browse Source
This commit is contained in:
NoobishSVK
2024-08-01 20:12:24 +02:00
parent 2e719448b2
commit 8df2eab272
13 changed files with 54 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/css/breadcrumbs.css
View File

@@ -51,7 +51,7 @@ h4 {
padding: 5px 25px;
z-index: 1000;
opacity: 0;
transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease;
}
p#tuner-desc {
@@ -126,7 +126,7 @@ label {
line-height: 64px;
text-align: center;
border-radius: 50%;
transition: 500ms ease-in-out background;
transition: 500ms ease background;
cursor: pointer;
}
@@ -143,7 +143,7 @@ label {
line-height: 64px;
text-align: center;
border-radius: 50%;
transition: 500ms ease-in-out background;
transition: 500ms ease background;
cursor: pointer;
}
@@ -278,7 +278,7 @@ label {
align-items: center;
font-size: 18px;
border-radius: 10px;
transition: 0.3s ease-in-out background-color;
transition: 0.3s ease background-color;
cursor: pointer;
}
@@ -331,6 +331,10 @@ pre {
margin: auto !important;
width: 100%;
}
h1#tuner-name {
max-width: 90%;
margin: auto;
}
h2 {
display: none;
}

57
web/css/buttons.css
View File

@@ -3,7 +3,7 @@ button, input[type="submit"] {
height: 100%;
border: 0;
border-radius: 15px;
transition: 0.3s ease-in-out background-color;
transition: 0.3s ease background-color;
background-color: var(--color-4);
cursor: pointer;
font-family: inherit;
@@ -90,54 +90,39 @@ input[type="text"], textarea, input[type="password"] {
border: 2px solid transparent;
outline: 0;
color: var(--color-text);
background-color: transparent;
background-color: var(--color-1-transparent);
font-family: 'Titillium Web', sans-serif;
}
#tune-buttons input[type="text"]:not(.no-bg):not(.no-filter)::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--color-1);
opacity: 0.6; /* Set the desired opacity */
pointer-events: none; /* Ensure it does not interfere with interactions */
z-index: -1; /* Place the pseudo-element behind the panel content */
border-radius: 15px;
}
#tune-buttons input[type="text"]:not(.no-bg):not(.no-filter) {
backdrop-filter: blur(5px);
background-attachment: fixed;
}
#tune-buttons button {
box-sizing: border-box;
background-color: var(--color-4);
border: 0;
color: var(--color-1);
width: 25%;
height: 48px;
display: block;
padding: 14px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
#tune-buttons button {
box-sizing: border-box;
background-color: var(--color-4);
border: 0;
color: var(--color-1);
width: 25%;
height: 48px;
display: block;
padding: 14px;
cursor: pointer;
transition: background-color 0.3s ease;
}
#tune-buttons button:hover {
#tune-buttons button:hover {
background-color: var(--color-main-bright);
}
}
#freq-down {
#freq-down {
border-radius: 15px 0 0 15px;
}
}
#freq-up {
#freq-up {
border-radius: 0 15px 15px 0;
}
}
input[type="range"] {
margin: 0;
@@ -326,7 +311,7 @@ select {
border: 0;
border-bottom: 4px solid var(--color-2);
cursor: pointer;
transition: 0.35s ease-in-out background;
transition: 0.35s ease background;
font-family: inherit;
font-weight: bold;
}

2
web/css/dropdown.css
View File

@@ -40,7 +40,7 @@
background-color: var(--color-4);
color: var(--color-main);
border-radius: 15px;
transition: 0.35s ease-in-out background-color;
transition: 0.35s ease background-color;
}
.dropdown input:hover {

2
web/css/helpers.css
View File

@@ -107,7 +107,7 @@
}
.hover-brighten {
transition: 0.3s ease-in-out background-color;
transition: 0.3s ease background-color;
}
.hover-brighten:hover {

2
web/css/main.css
View File

@@ -55,7 +55,7 @@ body {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: 0.3s ease-in-out background-color;
transition: 0.3s ease background-color;
margin: 0 auto;
min-height: 100%;
}

8
web/css/modal.css
View File

@@ -7,7 +7,7 @@
height: 100%;
background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
opacity: 0;
transition: opacity 0.3s ease-in-out; /* Fade-in/out transition */
transition: opacity 0.3s ease; /* Fade-in/out transition */
z-index: 20; /* Ensure the modal is above other content */
color: var(--color-4);
backdrop-filter: blur(10px);
@@ -24,7 +24,7 @@
padding: 30px;
border-radius: 15px;
opacity: 1;
transition: opacity 0.3s ease-in-out; /* Fade-in/out transition */
transition: opacity 0.3s ease; /* Fade-in/out transition */
z-index: 21; /* Ensure the modal content is above the modal background */
min-width: 500px;
}
@@ -43,7 +43,7 @@
top: 17px;
right: 30px;
cursor: pointer;
transition: 0.3s ease-in-out color;
transition: 0.3s ease color;
}
.close:hover {
@@ -60,7 +60,7 @@
background: var(--color-4);
font-weight: bold;
border: 0;
transition: 0.35s ease-in-out background;
transition: 0.35s ease background;
cursor: pointer;
}

8
web/css/panels.css
View File

@@ -5,11 +5,10 @@
border-radius: 15px;
text-align: center;
margin-top: 20px;
transition: 0.3s ease-in-out background-color;
transition: 0.3s ease background-color;
}
*[class^="panel-"]:not(.no-bg):not(.no-filter):not(.w-100) {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
@@ -71,8 +70,9 @@
margin-bottom: 20px;
background-color: transparent;
}
*[class^="panel-"]:not(.no-bg):not(.no-filter) {
backdrop-filter:blur(0px);
*[class^="panel-"]:not(.no-bg):not(.no-filter):not(#ps-container),
.panel-100.w-100::before {
backdrop-filter: blur(0px);
}
.flex-phone {
display: flex;

2
web/css/setup.css
View File

@@ -37,7 +37,7 @@ ul.nav li {
display: inline;
padding: 15px;
cursor: pointer;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease, background-color 0.3s ease;
user-select: none;
}