Skip to content

Commit 7a29b77

Browse files
syedaliObjectssyedaliObjects
committed
Fixed issues reported by B/A
PSMEL-884 1. Added finish button on send test email screen 2. In dashboard changed the text from Account to Connections 3. Changed the logo of Post SMTP 4. Updated the UTM links
1 parent 4ed23fd commit 7a29b77

File tree

2 files changed

+184
-0
lines changed

2 files changed

+184
-0
lines changed

‎Postman/Dashboard/assets/css/responsive-style.css

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
1+
#post-smtp-app .header div[data-v-65055dc1] img[data-v-65055dc1] {
2+
/*width: 220px;*/
3+
}
4+
.header[data-v-65055dc1],
5+
.container[data-v-64b6d796] {
6+
padding: 0 20px;
7+
box-sizing: border-box;
8+
}
9+
.post-smtp-card-opened--pro[data-v-36caffee] {
10+
background-position: 95% 10% !important;
11+
}
12+
13+
#post-smtp-app .card-container {
14+
gap: 10px 1%;
15+
display: flex;
16+
justify-content: space-around;
17+
flex-wrap: wrap;
18+
}
19+
#post-smtp-app .card-container .post-smtp-card {
20+
float: none;
21+
width: 24%;
22+
height: auto;
23+
margin: 0;
24+
padding: 25px;
25+
box-sizing: border-box;
26+
}
27+
#post-smtp-app .card-container:after {
28+
display: none;
29+
}
30+
#post-smtp-app .card-container .post-smtp-card .post-smtp-card-content-wrapper {
31+
justify-content: flex-start;
32+
width: auto;
33+
height: 100%;
34+
gap: 15px;
35+
}
36+
#post-smtp-app .card-container .post-smtp-card .post-smtp-card-content-wrapper .post-smtp-image-container {
37+
margin: 0 !important;
38+
}
39+
#post-smtp-app .pro-features {
40+
height: auto;
41+
}
42+
43+
#post-smtp-app .pro-features .container {
44+
box-sizing: border-box;
45+
padding: 30px 40px;
46+
gap: 40px;
47+
}
48+
49+
#post-smtp-app .pro-features .container .header,
50+
#post-smtp-app .pro-features .container .body,
51+
#post-smtp-app .pro-features .container .footer {
52+
margin: 0;
53+
}
54+
55+
#post-smtp-app .pro-features .container .body .feature-block {
56+
margin: 0;
57+
gap: 10px;
58+
align-items: center;
59+
width: 23.5%;
60+
}
61+
62+
#post-smtp-app .pro-features .container .body {
63+
gap: 20px 2%;
64+
display: flex;
65+
flex-wrap: wrap;
66+
}
67+
68+
#post-smtp-app .pro-features .container .body .block-content {
69+
margin: 0;
70+
}
71+
#post-smtp-app .documentation .content {
72+
display: flex;
73+
flex-wrap: wrap;
74+
padding: 0 25px;
75+
gap: 20px 2%;
76+
}
77+
#post-smtp-app .documentation .content .documentation {
78+
float: none;
79+
margin: 0;
80+
width: 31.9%;
81+
box-sizing: border-box;
82+
}
83+
#post-smtp-app .documentation .body {
84+
padding: 50px 0 25px;
85+
}
86+
#post-smtp-app .card-container .post-smtp-card * {
87+
text-transform: capitalize;
88+
}
89+
@media only screen and (max-width: 1400px) {
90+
#post-smtp-app .card-container .post-smtp-card {
91+
padding: 20px 15px;
92+
}
93+
}
94+
95+
@media only screen and (max-width: 1300px) {
96+
#post-smtp-app .container[data-v-64b6d796] {
97+
display: flex;
98+
flex-wrap: wrap;
99+
}
100+
#post-smtp-app .app-wrapper,
101+
#post-smtp-app .app-sidebar {
102+
float: none;
103+
width: 100%;
104+
margin: 0;
105+
}
106+
#post-smtp-app .app-wrapper {
107+
108+
}
109+
#post-smtp-app .app-sidebar {
110+
111+
}
112+
}
113+
114+
@media only screen and (max-width: 1024px) {
115+
#post-smtp-app .card-container .post-smtp-card {
116+
width: 49%;
117+
}
118+
#post-smtp-app .pro-features .container .body{
119+
justify-content: center;
120+
}
121+
#post-smtp-app .pro-features .container .body .feature-block {
122+
width: 32%;
123+
}
124+
#post-smtp-app .documentation .content .documentation {
125+
width: 49%;
126+
}
127+
}
128+
@media only screen and (max-width: 767px) {
129+
#post-smtp-app .pro-features .container .body .feature-block {
130+
width: 49%;
131+
}
132+
}
133+
@media only screen and (max-width: 575px) {
134+
#post-smtp-app .documentation .content .documentation {
135+
width: 100%;
136+
}
137+
#post-smtp-app .email-menu-wrapper[data-v-383c7fd0] {
138+
right: -10px;
139+
top: -5px;
140+
}
141+
#post-smtp-app .post-smtp-logs-body {
142+
overflow: scroll;
143+
}
144+
}
145+
@media only screen and (max-width: 480px) {
146+
#post-smtp-app .pro-features .container .body .feature-block {
147+
width: 100%;
148+
}
149+
#post-smtp-app .pro-features .container .body .feature-block {
150+
width: 100%;
151+
flex-direction: column;
152+
justify-content: center;
153+
}
154+
#post-smtp-app .pro-features .container .body .block-content {
155+
text-align: center;
156+
}
157+
#post-smtp-app .pro-features .container .body .block-content br {
158+
159+
}
160+
#post-smtp-app .card-container .post-smtp-card {
161+
width: 100%;
162+
}
163+
#post-smtp-app .post-smtp-selector-wrapper {
164+
display: flex;
165+
flex-direction: column;
166+
justify-content: center;
167+
gap: 10px;
168+
}
169+
170+
#post-smtp-app .post-smtp-selector-wrapper .wrapper,
171+
#post-smtp-app .post-smtp-selector-wrapper a.re-launch-wizard{
172+
float: none !important;
173+
margin: 0 auto;
174+
}
175+
176+
#post-smtp-app .post-smtp-notice {
177+
flex-direction: column;
178+
gap: 10px;
179+
height: auto;
180+
box-sizing: border-box;
181+
width: 100%;
182+
padding: 20px 10px;
183+
}
184+
}

‎Postman/Dashboard/assets/images/logo.png

-69 Bytes
Loading

0 commit comments

Comments
 (0)