nelle/nelle-observer
1
1
Fork 0
Code Pull requests Activity

mobile temp fix

Browse source
This commit is contained in:
nelle 2025-01-06 12:09:22 -07:00
parent 2eb5d59e4c
commit d5bc2cbd83
5 changed files with 73 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontend/public/styles/css/classes.css
View file

@ -168,3 +168,37 @@ hr {
.zoom:hover {
transform: scale(1.05);
}
.sgaButtontext {
visibility: hidden;
transform:
translateX(140px)
translateY(-15px);
font-size: small;
margin-bottom: -20px;
color: var(--accent);
}
.myButtonText {
transform:
translateX(-136px);
margin-top: -32px;
font-size: small;
color: var(--accent);
}
.friendlyButtons {
transform:
translateX(-147px);
}
.otherButtons {
transform:
translateX(134px);
}
.sendButton {
width: 15%;
margin-top: 4px;
margin-left: -30px;
}

34
frontend/public/styles/css/mobile.css
View file

@ -29,4 +29,38 @@
.beep-buttons {
min-width: 42%;
}
.sgaButtontext {
visibility: hidden;
transform:
translateY(-15px);
font-size: small;
margin-bottom: -20px;
color: var(--accent);
}
.myButtonText {
transform:
translateX(-90px)
translateY(-90px);
margin-top: -32px;
font-size: small;
color: var(--accent);
}
.friendlyButtons {
transform:
translateX(-8px);
}
.otherButtons {
transform:
translateX(-8px);
}
.sendButton {
width: 15%;
margin-top: 4px;
margin-left: -10px;
}
}

4
frontend/src/components/footer/buttons.astro
View file

@ -7,8 +7,8 @@ import OtherButtons from "./other-buttons.astro"
<MyButtons />
<hr>
<div style="display: flex; flex-wrap: nowrap; justify-content: center;">
<p style="transform: translateX(-147px);">friendly buttons</p>
<p style="transform: translateX(134px);">other buttons</p>
<p class="friendlyButtons">friendly buttons</p>
<p class="otherButtons">other buttons</p>
</div>
<div style="display: flex; flex-wrap: nowrap; justify-content: center;">
<FriendlyButtons />

4
frontend/src/components/footer/mybuttons.astro
View file

@ -9,5 +9,5 @@
<img id="sgaButton" style="cursor: pointer; display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy">
</div>
</div>
<p id="sgaButtonText" style="visibility: hidden; transform: translateX(140px) translateY(-15px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
<p style="transform: translateX(-136px); margin-top: -32px; font-size: small; color: var(--accent);">for this site!</p>
<p id="sgaButtonText" class="sgaButtontext">press me!</p>
<p class="myButtonText">for this site!</p>

3
frontend/src/components/main-page/widgets/ntfy.astro
View file

@ -15,8 +15,7 @@
</div>
<button
class="custom-btn btn-1"
style="width: 15%; margin-top: 3px; margin-left: -30px;"
class="custom-btn btn-1 sendButton"
onclick="ntfyClick()"
id="ntfy-button">
<span>Send</span>