Commit e567abd5 authored by Marcos Peña's avatar Marcos Peña
Browse files

Enhances about page ui (#1619)

Done some css refactoring
parent 57d64890
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
href="https://funkwhale.audio/#get-started" href="https://funkwhale.audio/#get-started"
> >
<translate translate-context="Content/About/Link">Find another pod</translate> <translate translate-context="Content/About/Link">Find another pod</translate>
<i class="external alternate icon margin-left" /> &nbsp;<i class="external alternate icon" />
</a> </a>
</div> </div>
</div> </div>
...@@ -83,18 +83,23 @@ ...@@ -83,18 +83,23 @@
v-else v-else
class="signup-form content" class="signup-form content"
> >
<div class="ui positive message"> <h3 class="header">
<div class="header"> <translate translate-context="*/Signup/Title">
<translate translate-context="Content/About/Message"> Sign up
You're already signed in! </translate>
</translate> <div class="ui positive message">
<div class="header">
<translate translate-context="Content/About/Message">
You're already signed in!
</translate>
</div>
<p>
<translate translate-contect="Content/About/Hello">
Hello
</translate> {{ $store.state.auth.username }}
</p>
</div> </div>
<p> </h3>
<translate translate-contect="Content/About/Hello">
Hello
</translate> {{ $store.state.auth.username }}
</p>
</div>
</div> </div>
</div> </div>
<div class="ui card"> <div class="ui card">
...@@ -107,7 +112,7 @@ ...@@ -107,7 +112,7 @@
{{ podName }} {{ podName }}
</h1> </h1>
</section> </section>
<div class="content padding-top padding-bottom"> <div class="content pod-description">
<h3 <h3
id="description" id="description"
class="ui header" class="ui header"
...@@ -200,7 +205,7 @@ ...@@ -200,7 +205,7 @@
class="ui header" class="ui header"
> >
<translate translate-context="Content/About/Header">Find another pod</translate> <translate translate-context="Content/About/Header">Find another pod</translate>
<i class="external alternate icon margin-left" /> &nbsp;<i class="external alternate icon" />
</h3> </h3>
<p> <p>
<translate translate-context="Content/About/Paragraph">Listen to public albums and playlists shared on this pod.</translate> <translate translate-context="Content/About/Paragraph">Listen to public albums and playlists shared on this pod.</translate>
...@@ -218,7 +223,7 @@ ...@@ -218,7 +223,7 @@
class="ui header" class="ui header"
> >
<translate translate-context="Content/About/Header">Find an app</translate> <translate translate-context="Content/About/Header">Find an app</translate>
<i class="external alternate icon margin-left" /> &nbsp;<i class="external alternate icon" />
</h3> </h3>
<p> <p>
<translate translate-context="Content/About/Paragraph">Use Funkwhale on other devices with our apps.</translate> <translate translate-context="Content/About/Paragraph">Use Funkwhale on other devices with our apps.</translate>
...@@ -342,21 +347,3 @@ export default { ...@@ -342,21 +347,3 @@ export default {
} }
} }
</script> </script>
<style scoped>
.margin-left {
margin-left: 5px;
}
.padding-top {
padding-top: 20px !important;
}
.padding-bottom {
padding-bottom: 20px !important;
}
h3 i {
display: inline !important;
font-size: 14px !important;
}
</style>
.ui.cards {
align-items: flex-start;
}
.ui.cards > .card, .ui.cards > .card,
.ui.card { .ui.card {
color: var(--card-text-color); color: var(--card-text-color);
background: var(--card-background); background: var(--card-background);
min-height: 200px;
&:not(.flat) { &:not(.flat) {
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
} }
......
...@@ -181,5 +181,21 @@ ...@@ -181,5 +181,21 @@
} }
} }
} }
h3.ui.header i {
display: inline;
font-size: 14px;
}
.ui.card {
.signup-form.content {
flex-grow: initial;
}
.pod-description {
flex-direction: column;
display: flex;
p {
margin: auto;
padding: 1.2em;
}
}
}
} }
.page-library { .page-library {
.ui.cards {
align-items: flex-start;
.ui.card {
min-height: 200px;
}
}
.ui.segment.head { .ui.segment.head {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment