noxious/client
6
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small styling changes, responsiveness modals

Browse Source
This commit is contained in:
Colin Kallemein
2024-06-23 14:10:49 +02:00
parent 2c19d19c41
commit 6215b19b20
5 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/utilities/assetManager/AssetManager.vue
View File

@ -21,14 +21,7 @@
<!-- Assets -->
<div class="assets active" @scroll="onScroll">
<div class="asset">
<!-- @TODO: can this pls be less html, make input 100% and fix the spacing below -->
<div class="modal-form">
<div class="form-fields">
<div class="form-field">
<input class="input-cyan" placeholder="Search..." />
</div>
</div>
</div>
<input class="input-cyan search-field" placeholder="Search..." />
</div>
<div class="asset">
<span class="asset-name">Upload new</span>
@ -266,6 +259,11 @@ onMounted(() => {
&.selected {
background-color: rgba($cyan, 0.8);
}
.search-field {
border-radius: 5px;
padding: 8px 10px;
width: calc(100% - 20px);
}
.file-upload {
background-color: rgba($cyan, 0.5);
border: 1px solid $white;