andras/fleeting-garden
andras/fleeting-garden
Watch
1
0
Fork
You've already forked fleeting-garden
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

More css clean up

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-16 15:41:36 +01:00
commit ce383ce34c
6 changed files with 13 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/style/_garden-prompt.scss
View file

@ -3,14 +3,8 @@
html > body > .canvas-container > .garden-prompt {
position: absolute;
left: 50%;
bottom: calc(7.25rem + env(safe-area-inset-bottom));
transform: translateX(-50%);
max-width: min(92vw, 780px);
color: white;
text-align: center;
font-size: 46px;
line-height: 1.15;
text-shadow: 0 2px 18px rgb(0 0 0 / 60%);
pointer-events: none;
z-index: 2;
@ -22,7 +16,6 @@ html > body > .canvas-container > .garden-prompt {
display: flex;
align-items: center;
top: calc(1.25rem + env(safe-area-inset-top));
bottom: auto;
gap: 16px;
width: max-content;
min-height: 78px;
@ -84,12 +77,8 @@ html > body > .canvas-container > .garden-prompt {
}
@include on-small-screen {
bottom: calc(10rem + env(safe-area-inset-bottom));
font-size: 24px;
&.draw-hint {
top: calc(0.75rem + env(safe-area-inset-top));
bottom: auto;
gap: 10px;
min-height: 58px;
max-width: min(92vw, 340px);