mirror of https://github.com/PiyushXCoder/lupt.git
design change
This commit is contained in:
parent
f5e56c5c0c
commit
b8fc1828a1
|
|
@ -292,20 +292,20 @@ input {
|
||||||
.clip-win.gif-clip {
|
.clip-win.gif-clip {
|
||||||
width: calc(100% - 2*8px - 3*5px);
|
width: calc(100% - 2*8px - 3*5px);
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
/* max-height: 70%; */
|
padding-bottom: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gif-clip .button {
|
.gif-clip .button {
|
||||||
max-width: 120px;
|
max-width: 120px;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
margin: 0.5rem;
|
margin: 0.4rem;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gif-clip > #gif_area {
|
.gif-clip > #gif_area {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
max-height: 350px;
|
max-height: 350px;
|
||||||
padding: 1rem;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#dialog {
|
#dialog {
|
||||||
|
|
|
||||||
|
|
@ -197,13 +197,13 @@
|
||||||
|
|
||||||
<!-- Gif Clip -->
|
<!-- Gif Clip -->
|
||||||
<div id="gif_clip" class="clip-win gif-clip is-hidden">
|
<div id="gif_clip" class="clip-win gif-clip is-hidden">
|
||||||
|
<div id="gif_area"></div>
|
||||||
<div>
|
<div>
|
||||||
<input type="text" id="gif_search" placeholder="Search" style="width: calc(100% - 4rem); display: inline-flex;">
|
<input type="text" id="gif_search" placeholder="Search" style="width: calc(100% - 4rem); display: inline-flex; margin-top: 3px;">
|
||||||
<a onclick="$('#gif_clip').addClass('is-hidden');" style="float: right; padding: 6px 6px;">
|
<a onclick="$('#gif_clip').addClass('is-hidden');" style="float: right; margin-top: 12px; margin-right: 9px; vertical-align: middle; display:inline-flexbox;">
|
||||||
<img src="img/close.svg" alt="X" style="height: 1.8rem; width: auto; cursor: pointer; display:inline-flexbox;">
|
<img src="img/close.svg" alt="X" style="height: 1.8rem; width: auto; cursor: pointer;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="gif_area"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- vayakti -->
|
<!-- vayakti -->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue