mk875sd/projekt-7
4
1
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Update Script_Speech_recognition/style.css

Browse Source
This commit is contained in:
Mário Panenko 2024-11-18 17:56:56 +00:00
parent c86de14ba7
commit 52d26df979
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Script_Speech_recognition/style.css
View File

@ -19,7 +19,7 @@ h1 {
justify-content: center; /* Center the elements horizontally */
align-items: flex-start; /* Align items to the top */
padding: 20px;
gap: 20px; /* Maintain a comfortable space between elements */
gap: 40px; /* Maintain a comfortable space between elements */
flex-wrap: wrap; /* Allow wrapping for responsive layouts */
max-width: 1200px; /* Set max-width to keep layout centered and compact */
margin: 0 auto; /* Center the container itself */
@ -179,7 +179,7 @@ textarea.dark-mode:focus {
object-fit: cover; /* Ensure the video fits its container */
}
/* Navigation button styles */
/* Updated Navigation button styles */
#prevBtn, #nextBtn {
position: absolute;
top: 50%;
@ -189,28 +189,27 @@ textarea.dark-mode:focus {
color: white;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
width: 50px;
height: 50px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
transition: background-color 0.3s ease, transform 0.2s;
transition: background-color 0.3s ease;
z-index: 10; /* Ensure buttons are above other elements */
}
#prevBtn:hover, #nextBtn:hover {
background-color: #357ae8;
transform: scale(1.1);
}
#prevBtn {
left: -20px;
left: -30px; /* Adjust button position for better appearance */
}
#nextBtn {
right: -20px;
right: -30px; /* Adjust button position for better appearance */
}
/* Style for the start button */