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),
|
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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue