Mobile Optimization #8

Merged
revengeday merged 8 commits from kaiserkiwi/cyber-circle-creator:mobile-optimization into main 2024-11-17 13:40:11 +00:00
Showing only changes of commit 81312824e4 - Show all commits

View file

@ -105,7 +105,9 @@ main {
input[type="text"] { input[type="text"] {
font-family: 'Departure Mono'; font-family: 'Departure Mono';
width: calc(100% - 20px); font-size: inherit;
line-height: 1.35;
width: 100%;
padding: 10px; padding: 10px;
border: 2px solid var(--cyber-primary-color); border: 2px solid var(--cyber-primary-color);
border-radius: 5px; border-radius: 5px;
@ -157,11 +159,12 @@ input[type="text"]:focus {
/* Buttons */ /* Buttons */
button { button {
font-family: 'Departure Mono'; font-family: 'Departure Mono';
font-size: inherit;
line-height: 1.35;
padding: 10px 20px; padding: 10px 20px;
border-radius: 5px; border-radius: 5px;
background-color: var(--cyber-bg-color); background-color: var(--cyber-bg-color);
color: var(--cyber-font-color); color: var(--cyber-font-color);
font-size: 1rem;
cursor: pointer; cursor: pointer;
border: 2px solid transparent; border: 2px solid transparent;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);