@igea/oac_frontend 1.0.25 → 1.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/src/public/css/style.css
CHANGED
|
@@ -3,17 +3,62 @@ html, body {
|
|
|
3
3
|
font-size: 1rem;
|
|
4
4
|
color: #3498db;
|
|
5
5
|
height: 100%;
|
|
6
|
+
background-color: #f4f4f4 !important;
|
|
6
7
|
}
|
|
7
8
|
|
|
9
|
+
|
|
8
10
|
.site-header {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
display: grid;
|
|
12
|
+
grid-template-columns: 247px 1fr; /* logo A fisso, resto variabile */
|
|
13
|
+
align-items: center;
|
|
14
|
+
background: #f4f4f4;
|
|
15
|
+
height: 120px; /* altezza header */
|
|
16
|
+
padding: 0 20px;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
position: relative;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.site-header .logo {
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.site-header .logo img {
|
|
27
|
+
height: 120px; /* altezza uniforme */
|
|
28
|
+
margin-right: 10px; /* spaziatura tra i loghi */
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.logo-left {
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: flex-start; /* in alto */
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.logo-left img {
|
|
37
|
+
max-width: 247px;
|
|
38
|
+
max-height: 120px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.logo-right {
|
|
42
|
+
display: flex;
|
|
43
|
+
justify-content: center; /* centro orizzontale */
|
|
44
|
+
align-items: center; /* centro verticale */
|
|
45
|
+
height: 100%;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.logo-right img {
|
|
49
|
+
width: 50%;
|
|
50
|
+
min-width: 400px; /* mai più piccolo di 400px */
|
|
51
|
+
max-width: 753px; /* mai più grande della sua dimensione naturale */
|
|
52
|
+
height: auto;
|
|
53
|
+
max-height: 59px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* Titolo e nav sotto */
|
|
57
|
+
.site-header h1,
|
|
58
|
+
.site-header nav {
|
|
59
|
+
grid-column: 1 / -1;
|
|
60
|
+
text-align: center;
|
|
61
|
+
background: #f4f4f4;
|
|
17
62
|
}
|
|
18
63
|
|
|
19
64
|
.site-footer {
|
|
@@ -75,6 +120,7 @@ html, body {
|
|
|
75
120
|
flex: 1;
|
|
76
121
|
padding: 1em;
|
|
77
122
|
overflow-y: auto;
|
|
123
|
+
background-color: white;
|
|
78
124
|
}
|
|
79
125
|
|
|
80
126
|
.warning {
|
|
Binary file
|
|
Binary file
|
package/src/views/header.twig
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
<header class="site-header">
|
|
2
|
+
<div class="logo-left">
|
|
3
|
+
<img src="/{{ root }}/images/sapienza-big.png" alt="Logo sinistro" class="logo-a">
|
|
4
|
+
</div>
|
|
5
|
+
<div class="logo-right">
|
|
6
|
+
<img src="/{{ root }}/images/lgeu.png" alt="Logo destro" class="logo-b">
|
|
7
|
+
</div>
|
|
2
8
|
<h1>OAC Site</h1>
|
|
3
9
|
<nav>
|
|
4
|
-
<a href="/">Home</a>
|
|
10
|
+
<a href="/{{ root }}/home">Home</a>
|
|
5
11
|
<a href="/about">About</a>
|
|
6
12
|
</nav>
|
|
7
13
|
</header>
|