CSS für Profil
This commit is contained in:
parent
d47c85795c
commit
947f6520aa
@ -611,6 +611,12 @@ body {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
|
.LP-Button--fullWidth {
|
||||||
|
text-align: center; }
|
||||||
|
.LP-Button.LP-Link {
|
||||||
|
display: block; }
|
||||||
|
.LP-Button.LP-Link:hover {
|
||||||
|
color: #f9f9f9; }
|
||||||
.LP-Button:active {
|
.LP-Button:active {
|
||||||
background-color: #76323F;
|
background-color: #76323F;
|
||||||
color: #f9f9f9; }
|
color: #f9f9f9; }
|
||||||
@ -1050,13 +1056,19 @@ body {
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-size: 25px; }
|
font-size: 25px; }
|
||||||
.LP-UserInfo__Meta {
|
.LP-UserInfo__Meta {
|
||||||
|
margin-top: 10px;
|
||||||
padding: 5px; }
|
padding: 5px; }
|
||||||
.LP-UserInfo__Meta * {
|
.LP-UserInfo__Meta * {
|
||||||
font-family: "Montserrat", Helvetica, sans-serif;
|
font-family: "Montserrat", Helvetica, sans-serif;
|
||||||
font-size: 18px; }
|
font-size: 18px; }
|
||||||
.LP-UserInfo__Meta .LP-UserInfo__Key {
|
.LP-UserInfo__Meta .LP-UserInfo__Key {
|
||||||
padding-right: 25px;
|
padding-right: 25px;
|
||||||
font-weight: bold; }
|
font-weight: bold;
|
||||||
|
white-space: nowrap; }
|
||||||
|
.LP-UserInfo__Meta .LP-UserInfo__Value {
|
||||||
|
white-space: nowrap; }
|
||||||
|
.LP-UserInfo__Edit {
|
||||||
|
margin-top: 10px; }
|
||||||
|
|
||||||
.LP-Header {
|
.LP-Header {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -1736,6 +1748,15 @@ body {
|
|||||||
flex-shrink: 1;
|
flex-shrink: 1;
|
||||||
flex-basis: max-content; }
|
flex-basis: max-content; }
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.LP-UserProfile {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
gap: 35px; }
|
||||||
|
.LP-UserProfile__Info {
|
||||||
|
flex-basis: 100%; }
|
||||||
|
.LP-UserProfile__Info .LP-UserInfo {
|
||||||
|
max-width: unset; } }
|
||||||
|
|
||||||
.LP-MainContainer {
|
.LP-MainContainer {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 1280px; }
|
max-width: 1280px; }
|
||||||
|
@ -42,7 +42,7 @@
|
|||||||
</td>
|
</td>
|
||||||
<td class="LP-UserInfo__Value">
|
<td class="LP-UserInfo__Value">
|
||||||
<span class="LP-Paragraph">
|
<span class="LP-Paragraph">
|
||||||
<a href="{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
|
<a href="mailto:{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@ -71,12 +71,10 @@
|
|||||||
<span class="LP-Paragraph">{{asset_count}}</span>
|
<span class="LP-Paragraph">{{asset_count}}</span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<a href="/explorer/update/"><button class="LP-Button LP-Button">{% trans 'Edit Profile' %}</button></a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
</table>
|
||||||
|
<div class="LP-UserInfo__Edit">
|
||||||
|
<a href="{% url 'explorer_profile_update' %}" class="LP-Button LP-Button--fullWidth LP-Link">{% trans 'Edit Profile' %}</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user