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

fix: styling for small screens

Browse source
This commit is contained in:
Joxit 2023-01-21 02:37:50 +01:00
parent e4369f4ec9
commit 1bfbcbf59f
No known key found for this signature in database
GPG key ID: F526592B8E012263
3 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/docker-registry-ui.riot
View file

@ -214,6 +214,10 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
display: flex; display: flex;
} }
material-navbar .nav-wrapper .menu {
flex-shrink: 1;
}
material-footer { material-footer {
color: var(--footer-neutral-text); color: var(--footer-neutral-text);
background-color: var(--footer-background); background-color: var(--footer-background);

7
src/components/search-bar.riot
View file

@ -45,8 +45,7 @@
<style> <style>
:host material-input { :host material-input {
line-height: initial; line-height: initial;
max-width: 20%; min-width: 5em;
min-width: 13em;
} }
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
@ -54,9 +53,5 @@
display: none; display: none;
} }
} }
:host material-input input {
color: #fff;
}
</style> </style>
</search-bar> </search-bar>

6
src/style.scss
View file

@ -116,6 +116,12 @@ material-spinner {
font-weight: 400; font-weight: 400;
} }
@media screen and (max-width: 600px) {
.logo {
padding-left: 0;
}
}
h2 { h2 {
padding: 16px; padding: 16px;
margin: auto; margin: auto;