Task: Fixed server routes loop and add server layout for vaadin flow backend from java code design and rename theme name to fusion and updated the views and add mock users for show data grid and fixed all views
This commit is contained in:
50
frontend/themes/fusion/main-layout.css
Normal file
50
frontend/themes/fusion/main-layout.css
Normal file
@@ -0,0 +1,50 @@
|
||||
.sidemenu-header {
|
||||
align-items: center;
|
||||
box-shadow: var(--lumo-box-shadow-s);
|
||||
display: flex;
|
||||
height: var(--lumo-size-xl);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sidemenu-header h1 {
|
||||
font-size: var(--lumo-font-size-l);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sidemenu-menu #logo {
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
padding: var(--lumo-space-s) var(--lumo-space-m);
|
||||
}
|
||||
|
||||
.sidemenu-menu #logo img {
|
||||
height: calc(var(--lumo-size-l) * 1.5);
|
||||
}
|
||||
|
||||
.sidemenu-menu #logo span {
|
||||
font-size: var(--lumo-font-size-xl);
|
||||
font-weight: 600;
|
||||
margin: 0 var(--lumo-space-s);
|
||||
}
|
||||
|
||||
.sidemenu-menu vaadin-tab {
|
||||
font-size: var(--lumo-font-size-s);
|
||||
height: var(--lumo-size-l);
|
||||
font-weight: 600;
|
||||
color: var(--lumo-body-text-color);
|
||||
}
|
||||
|
||||
.sidemenu-menu vaadin-tab:hover {
|
||||
background-color: var(--lumo-contrast-5pct);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sidemenu-menu vaadin-tab[selected] {
|
||||
background-color: var(--lumo-primary-color-10pct);
|
||||
color: var(--lumo-primary-text-color);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
}
|
||||
9
frontend/themes/fusion/styles.css
Normal file
9
frontend/themes/fusion/styles.css
Normal file
@@ -0,0 +1,9 @@
|
||||
@import url('./main-layout.css');
|
||||
@import url('./views/home-view.css');
|
||||
@import url('./views/profile-view.css');
|
||||
@import url('./views/admin-view.css');
|
||||
@import url('line-awesome/dist/line-awesome/css/line-awesome.min.css');
|
||||
@import url('@fontsource/roboto'); html {
|
||||
--lumo-font-family: Roboto;
|
||||
|
||||
}
|
||||
1
frontend/themes/fusion/theme.json
Normal file
1
frontend/themes/fusion/theme.json
Normal file
@@ -0,0 +1 @@
|
||||
{"lumoImports":["typography","color","spacing","badge","utility"]}
|
||||
3
frontend/themes/fusion/views/admin-view.css
Normal file
3
frontend/themes/fusion/views/admin-view.css
Normal file
@@ -0,0 +1,3 @@
|
||||
admin-view {
|
||||
display: block;
|
||||
}
|
||||
3
frontend/themes/fusion/views/home-view.css
Normal file
3
frontend/themes/fusion/views/home-view.css
Normal file
@@ -0,0 +1,3 @@
|
||||
home-view {
|
||||
display: block;
|
||||
}
|
||||
3
frontend/themes/fusion/views/profile-view.css
Normal file
3
frontend/themes/fusion/views/profile-view.css
Normal file
@@ -0,0 +1,3 @@
|
||||
profile-view {
|
||||
display: block;
|
||||
}
|
||||
Reference in New Issue
Block a user