Skip to content

Commit 436f991

Browse files
konraddysputkonraddysput
authored
Browser adjustements (#30)
Browser adjustements
1 parent a3ee200 commit 436f991

File tree

11 files changed

+3035
-4
lines changed

11 files changed

+3035
-4
lines changed

‎examples/sdk/browser/index.css‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
.card {
2+
padding: 40px;
3+
background-color: white;
4+
width: 30%;
5+
}
6+
7+
.center {
8+
display: block;
9+
margin: 0 auto;
10+
}
11+
12+
.action-container {
13+
width: 50%;
14+
padding: 20px;
15+
}
16+
17+
.card-header {
18+
font-family: 'DM Sans', Arial, sans-serif;
19+
font-size: 22px;
20+
color: #2d2d2d;
21+
text-align: center;
22+
line-height: 120%;
23+
margin-bottom: 24px;
24+
}
25+
.footer {
26+
width: 30%;
27+
padding: 40px;
28+
text-align: center;
29+
}
30+
p {
31+
font-family: 'DM Sans', Arial, sans-serif;
32+
font-weight: 300;
33+
font-size: 15px;
34+
}
35+
36+
.action-button {
37+
cursor: pointer;
38+
background-color: #3ddc91;
39+
padding: 12px 35px;
40+
border-radius: 50px;
41+
margin-bottom: 5px;
42+
width: 40%;
43+
text-align: center;
44+
}
45+
.action-button a {
46+
color: #132322;
47+
font-family: 'DM Sans', Helvetica, Arial, sans-serif;
48+
font-size: 14px;
49+
font-weight: 600;
50+
font-style: normal;
51+
line-height: 20px;
52+
text-decoration: none;
53+
display: block;
54+
}
55+
56+
img {
57+
-ms-interpolation-mode: bicubic;
58+
border: 0;
59+
}
60+
61+
p,
62+
a,
63+
li,
64+
td,
65+
blockquote {
66+
mso-line-height-rule: exactly;
67+
}
68+
69+
p,
70+
a,
71+
li,
72+
td,
73+
body,
74+
table,
75+
blockquote {
76+
-ms-text-size-adjust: 100%;
77+
-webkit-text-size-adjust: 100%;
78+
}
79+
80+
/*------ Reset Style ------ */
81+
* {
82+
-webkit-text-size-adjust: none;
83+
-webkit-text-resize: 100%;
84+
text-resize: 100%;
85+
}
86+
87+
table {
88+
border-spacing: 0 2px !important;
89+
}
90+
91+
h1,
92+
h2,
93+
h3,
94+
h4,
95+
h5,
96+
h6,
97+
p {
98+
display: block;
99+
margin: 0;
100+
padding: 0;
101+
color: #1e2127;
102+
}
103+
104+
img,
105+
a img {
106+
border: 0;
107+
height: auto;
108+
outline: none;
109+
text-decoration: none;
110+
}
111+
112+
body {
113+
height: 100%;
114+
margin: 0;
115+
padding: 0;
116+
width: 100%;
117+
}
118+
119+
.footerAddressInfo {
120+
color: #1e2127;
121+
font-family: 'DM Sans', Arial, sans-serif;
122+
font-size: 16px;
123+
margin-top: 16px;
124+
margin-bottom: 8px;
125+
}
126+
/*------ Google Font Style ------ */
127+
[style*='DM Sans'] {
128+
font-family: 'DM Sans', Helvetica, Arial, sans-serif !important;
129+
}

‎examples/sdk/browser/index.html‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2+
<html lang="en">
3+
<head>
4+
<link rel="preconnect" href="https://fonts.googleapis.com" />
5+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
6+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap" rel="stylesheet" />
7+
<link rel="stylesheet" href="./index.css" />
8+
<script src="./lib/index.js" type="module"></script>
9+
</head>
10+
11+
<body style="background-color: #d8f8e9; padding: 50px">
12+
<div class="card center">
13+
<a href="https://www.saucelabs.com/">
14+
<img
15+
src="https://info.saucelabs.com/rs/468-XBT-687/images/SL%20logo%20horizontal%20color%2Bdark%402x.png"
16+
width="250"
17+
alt="Sauce Labs"
18+
border="0"
19+
class="center"
20+
/>
21+
</a>
22+
23+
<br />
24+
<h1 class="card-header" style="text-align: left">Welcome to the Backtrace demo</h1>
25+
<p style="text-align: left">Please pick one of the available options:</p>
26+
<br />
27+
<div class="action-container center">
28+
<div class="action-button center">
29+
<a class="text" id="send-error" target="_blank"> Send an error</a>
30+
</div>
31+
<div class="action-button center">
32+
<a class="text" id="send-message" target="_blank">Send a message</a>
33+
</div>
34+
</div>
35+
<div class="summary-information">
36+
<p>If you have any questions or concerns, please contact us at</p>
37+
<a href="mailto:help@saucelabs.com">help@saucelabs.com.</a>
38+
<br />
39+
<br />
40+
<p>Happy testing,</p>
41+
<p>The Sauce Labs Team</p>
42+
</div>
43+
</div>
44+
<div class="footer center">
45+
<div class="center" style="width: 125px">
46+
<a href="https://www.facebook.com/saucelabs"
47+
><img
48+
src="https://info.saucelabs.com/rs/468-XBT-687/images/facebook.png"
49+
height="30px"
50+
width="30"
51+
border="0"
52+
/></a>
53+
<a href="https://www.linkedin.com/company/sauce-labs/"
54+
><img
55+
src="https://info.saucelabs.com/rs/468-XBT-687/images/Linkedin.png"
56+
height="30px"
57+
width="30"
58+
border="0"
59+
style="padding-left: 12px; padding-right: 12px"
60+
/></a>
61+
<a href="http://www.twitter.com/saucelabs/"
62+
><img
63+
src="https://info.saucelabs.com/rs/468-XBT-687/images/twitter.png"
64+
height="30px"
65+
width="30"
66+
border="0"
67+
/></a>
68+
</div>
69+
<div>
70+
<h5>Sauce Labs</h5>
71+
<p>450 Sansome Street, 9th Floor, San Francisco, CA 94111</p>
72+
<p>Copyright © 2023 Sauce Labs. All rights reserved.</p>
73+
</div>
74+
</div>
75+
</body>
76+
</html>

0 commit comments

Comments
 (0)