desktop styles fix
This commit is contained in:
40
ui/style.css
40
ui/style.css
@@ -24,7 +24,9 @@
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
font-family:
|
||||
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
|
||||
Arial, sans-serif;
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
@@ -132,15 +134,25 @@ body {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 10;
|
||||
transition: transform 0.2s, opacity 0.2s;
|
||||
transition:
|
||||
transform 0.2s,
|
||||
opacity 0.2s;
|
||||
}
|
||||
|
||||
.btn-floating:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.btn-floating.visible {
|
||||
display: flex;
|
||||
@media (max-width: 768px) {
|
||||
.btn-floating.visible {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.btn-floating.visible {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-header {
|
||||
@@ -317,9 +329,15 @@ label {
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% { opacity: 1; }
|
||||
50% { opacity: 0.4; }
|
||||
100% { opacity: 1; }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.4;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Main Editor Area */
|
||||
@@ -354,7 +372,8 @@ label {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#editor, #suggestion-overlay {
|
||||
#editor,
|
||||
#suggestion-overlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 2rem;
|
||||
@@ -370,7 +389,8 @@ label {
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#editor, #suggestion-overlay {
|
||||
#editor,
|
||||
#suggestion-overlay {
|
||||
padding: 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
@@ -392,4 +412,4 @@ label {
|
||||
color: var(--muted-foreground);
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user