generated from lucien/api-template
add: improved UI by adding CSS files
This commit is contained in:
parent
1656e95557
commit
42e6acd9ca
19 changed files with 543 additions and 197 deletions
39
front/src/styles/TopBar.css
Normal file
39
front/src/styles/TopBar.css
Normal file
|
@ -0,0 +1,39 @@
|
|||
.topbar {
|
||||
width: 97%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border: 1px solid #270722;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.topbar-left {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.topbar-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.topbar {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.topbar-left {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.topbar-right {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue