Mobile tweaks

This commit is contained in:
Dan 2026-01-08 16:20:24 +00:00
parent 64751b9213
commit 7640d7512f
2 changed files with 12 additions and 2 deletions

View file

@ -67,6 +67,16 @@
0 0 20px rgba(0, 150, 255, 0.1), 0 0 20px rgba(0, 150, 255, 0.1),
inset 0 0 40px rgba(0, 100, 200, 0.05); inset 0 0 40px rgba(0, 100, 200, 0.05);
@include media-down(md) {
background: linear-gradient(
135deg,
rgba(0, 100, 180, 1) 0%,
rgb(0, 29, 55) 100%
);
z-index: 90;
}
&::before { &::before {
content: ""; content: "";
position: absolute; position: absolute;

View file

@ -1,7 +1,7 @@
<div id="button-generator-app"> <div id="button-generator-app">
<div class="generator-container"> <div class="generator-container">
<div class="preview-section"> <div class="preview-section">
<h3>Preview</h3> <h3 class="hidden-md-down">Preview</h3>
<div class="preview-container"> <div class="preview-container">
<div class="preview-wrapper"> <div class="preview-wrapper">
<canvas id="button-canvas" width="88" height="31"></canvas> <canvas id="button-canvas" width="88" height="31"></canvas>
@ -9,7 +9,7 @@
</div> </div>
<button id="download-button" class="btn-primary">Download Button</button> <button id="download-button" class="btn-primary">Download Button</button>
<div class="presets-container"> <div class="presets-container hidden-md-down">
<h3>Presets</h3> <h3>Presets</h3>
<button id="preset-random" class="btn-secondary">Random Button</button> <button id="preset-random" class="btn-secondary">Random Button</button>
<button id="preset-classic" class="btn-secondary">Classic Style</button> <button id="preset-classic" class="btn-secondary">Classic Style</button>