Page MenuHomePhorge

D1852.1775262826.diff
No OneTemporary

Authored By
Unknown
Size
2 KB
Referenced Files
None
Subscribers
None

D1852.1775262826.diff

diff --git a/src/resources/themes/app.scss b/src/resources/themes/app.scss
--- a/src/resources/themes/app.scss
+++ b/src/resources/themes/app.scss
@@ -167,27 +167,22 @@
}
.plan-selector {
+
+
+ .plan-header {
+ display: flex;
+ }
.plan-ico {
+ margin:auto;
font-size: 3.8rem;
color: #f1a539;
border: 3px solid #f1a539;
width: 6rem;
height: 6rem;
- margin-bottom: 1rem;
border-radius: 50%;
}
}
-.plan-description {
- & > ul {
- padding-left: 1.2em;
-
- &:last-child {
- margin-bottom: 0;
- }
- }
-}
-
.status-message {
display: flex;
align-items: center;
diff --git a/src/resources/vue/Signup.vue b/src/resources/vue/Signup.vue
--- a/src/resources/vue/Signup.vue
+++ b/src/resources/vue/Signup.vue
@@ -1,14 +1,19 @@
<template>
<div class="container">
<div id="step0">
- <div class="plan-selector d-flex justify-content-around align-items-stretch">
- <div v-for="item in plans" :key="item.id" :class="'p-3 m-1 text-center bg-light flex-fill plan-box d-flex flex-column align-items-center plan-' + item.title">
- <div class="plan-ico">
+ <div class="plan-selector card-deck">
+ <div v-for="item in plans" :key="item.id" :class="'card bg-light plan-' + item.title">
+ <div class="card-header plan-header">
+ <div class="plan-ico text-center">
<svg-icon :icon="plan_icons[item.title]"></svg-icon>
+ </div>
</div>
- <button class="btn btn-primary" :data-title="item.title" @click="selectPlan(item.title)" v-html="item.button"></button>
+ <div class="card-body text-center ">
+ <button class="btn btn-primary" :data-title="item.title" @click="selectPlan(item.title)" v-html="item.button"></button>
+
<div class="plan-description text-left mt-3" v-html="item.description"></div>
</div>
+ </div>
</div>
</div>

File Metadata

Mime Type
text/plain
Expires
Sat, Apr 4, 12:33 AM (13 h, 2 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18826985
Default Alt Text
D1852.1775262826.diff (2 KB)

Event Timeline