mirrors/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2025-04-28 16:09:54 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(multi-arch): add tab for multi arch in history page

Browse source
This commit is contained in:
Joxit 2020-06-07 22:52:30 +02:00
parent f9620639bf
commit 42f19fcef7
No known key found for this signature in database
GPG key ID: F526592B8E012263
2 changed files with 27 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/style.css
View file

@ -48,7 +48,7 @@ main {
font-weight: inherit; font-weight: inherit;
} }
material-card, pagination .conatianer { material-card, material-tabs, pagination .conatianer {
max-width: 95%; max-width: 95%;
margin: auto; margin: auto;
margin-top: 20px; margin-top: 20px;
@ -68,11 +68,34 @@ pagination .conatianer .pagination-centered {
/* 1515px * 0.95 = 1440px */ /* 1515px * 0.95 = 1440px */
@media screen and (min-width: 1515px){ @media screen and (min-width: 1515px){
material-card, pagination .conatianer { material-card, material-tabs, pagination .conatianer {
max-width: 1440px; max-width: 1440px;
} }
} }
material-tabs {
display: block;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
material-tabs material-button,
material-tabs material-button .content .text {
background-color: #fff;
color: #aaa;
text-transform: none;
}
material-tabs .line-wrapper .line {
background-color: #25313b;
}
material-tabs material-button.selected .content .text {
color: #25313b;
}
material-spinner { material-spinner {
align-self: center; align-self: center;
} }

2
src/tags/tag-history.tag
View file

@ -29,6 +29,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<material-spinner/> <material-spinner/>
</div> </div>
<material-tabs useLine="true" tabs="{ [{title:'amd64'},{title:'armv7'}] }" color="#000"></material-tabs>
<material-card each="{ guiElement in this.elements }" class="tag-history-element"> <material-card each="{ guiElement in this.elements }" class="tag-history-element">
<tag-history-element each="{ entry in guiElement }" if="{ entry.value && entry.value.length > 0}"/> <tag-history-element each="{ entry in guiElement }" if="{ entry.value && entry.value.length > 0}"/>
</material-card> </material-card>