Mobile tweaks
This commit is contained in:
parent
64751b9213
commit
7640d7512f
2 changed files with 12 additions and 2 deletions
|
|
@ -67,6 +67,16 @@
|
|||
0 0 20px rgba(0, 150, 255, 0.1),
|
||||
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 {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div id="button-generator-app">
|
||||
<div class="generator-container">
|
||||
<div class="preview-section">
|
||||
<h3>Preview</h3>
|
||||
<h3 class="hidden-md-down">Preview</h3>
|
||||
<div class="preview-container">
|
||||
<div class="preview-wrapper">
|
||||
<canvas id="button-canvas" width="88" height="31"></canvas>
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
</div>
|
||||
<button id="download-button" class="btn-primary">Download Button</button>
|
||||
|
||||
<div class="presets-container">
|
||||
<div class="presets-container hidden-md-down">
|
||||
<h3>Presets</h3>
|
||||
<button id="preset-random" class="btn-secondary">Random Button</button>
|
||||
<button id="preset-classic" class="btn-secondary">Classic Style</button>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue