design change

This commit is contained in:
Piyush मिश्रः 2021-05-12 17:51:17 +05:30
parent f5e56c5c0c
commit b8fc1828a1
2 changed files with 7 additions and 7 deletions

View File

@ -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 {

View File

@ -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 -->