sigit/sigit_design
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added publish and save buttons in draft page, and other minor adjustments

Browse Source
This commit is contained in:
stitch 2024-08-16 14:43:31 +03:00
parent af8e649209
commit 1451649ab8
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/css/files.css
View File

@ -90,11 +90,11 @@
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
background: #ffffff; background: #ffffff;
padding: 10px 10px; padding: 7px 10px;
align-items: center; align-items: center;
color: rgba(0,0,0,0.5); color: rgba(0,0,0,0.5);
cursor: pointer; cursor: pointer;
min-height: 50px; min-height: 45px;
} }
.filesPageSecSidesSecFilesFile:hover { .filesPageSecSidesSecFilesFile:hover {
@ -126,6 +126,8 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-width: 20px;
text-align: center;
} }
.filesPageSecSidesSecFilesFileInfo { .filesPageSecSidesSecFilesFileInfo {
@ -770,8 +772,7 @@
height: 20px; height: 20px;
width: 20px; width: 20px;
min-width: 15px; min-width: 15px;
min-width: 15px; min-height: 15px;
outline: solid 2px #ffffff;
color: #4c82a3; color: #4c82a3;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -802,3 +803,15 @@
min-height: 16px; min-height: 16px;
} }
.filesPageSecSidesSecCTA {
display: flex;
flex-direction: row;
grid-gap: 10px;
flex-wrap: wrap;
}
.btnMain.filesPageSecSidesSecCTABtn {
flex-grow: 1;
min-width: 160px;
}

8
dashboard-draft.html
View File

@ -47,7 +47,9 @@
<div class="filesPage"> <div class="filesPage">
<div class="filesPageSec filesPageSecSides"> <div class="filesPageSec filesPageSecSides">
<div class="filesPageSecSidesWrap"> <div class="filesPageSecSidesWrap">
<div class="inputMainWrapper"><input type="text" class="inputMain" placeholder="User" value="User 1"></div> <div class="filesPageSecSidesSec filesPageSecSidesSecAlt">
<div class="inputMainWrapper"><input type="text" class="inputMain" placeholder="SIGit Title"></div>
</div>
<div class="filesPageSecSidesSec"> <div class="filesPageSecSidesSec">
<div class="filesPageSecSidesSecFiles"> <div class="filesPageSecSidesSecFiles">
<div class="filesPageSecSidesSecFilesFile filesPageSecSidesSecFilesFileActive"> <div class="filesPageSecSidesSecFilesFile filesPageSecSidesSecFilesFileActive">
@ -304,6 +306,7 @@
</div> </div>
<div class="tab-pane tabsMainBottomPane filesPageSecMidTabBottomPane" role="tabpanel" id="tab-3"> <div class="tab-pane tabsMainBottomPane filesPageSecMidTabBottomPane" role="tabpanel" id="tab-3">
<div class="filesPageSecMidWrap"> <div class="filesPageSecMidWrap">
<div class="inputMainWrapper"><input type="text" class="inputMain" placeholder="SIGit Title"></div>
<div class="filesPageSecSidesSecFiles"> <div class="filesPageSecSidesSecFiles">
<div class="filesPageSecSidesSecFilesFile filesPageSecSidesSecFilesFileActive"> <div class="filesPageSecSidesSecFilesFile filesPageSecSidesSecFilesFileActive">
<div class="filesPageSecSidesSecFilesFileNumber"> <div class="filesPageSecSidesSecFilesFileNumber">
@ -391,6 +394,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="filesPageSecSidesSec filesPageSecSidesSecAlt">
<div class="filesPageSecSidesSecCTA"><button class="btnMain filesPageSecSidesSecCTABtn" type="button">Save</button><button class="btnMain filesPageSecSidesSecCTABtn" type="button">Pubish</button></div>
</div>
<div class="filesPageSecSidesSec"> <div class="filesPageSecSidesSec">
<div class="filesPageSecSidesSecTools"> <div class="filesPageSecSidesSecTools">
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon"> <div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">