Skip to content

Commit aec3449

Browse files
ehsan6shaehsan6sha
committed
corrected zoom
1 parent a0a8b21 commit aec3449

File tree

6 files changed

+58
-9
lines changed

6 files changed

+58
-9
lines changed

‎docs/website/css/intro.css‎

Lines changed: 37 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,9 @@
22

33
.intro-content {
44
background: var(--bg-dark);
5+
width: 100%;
6+
max-width: 100vw;
7+
overflow-x: hidden;
58
}
69

710
/* Hero Section */
@@ -680,30 +683,36 @@ footer {
680683
@media (max-width: 768px) {
681684
.intro-content {
682685
padding-top: 60px;
686+
width: 100%;
687+
max-width: 100vw;
683688
}
684689

685690
.hero {
686-
padding: 40px 24px;
691+
padding: 40px 16px;
692+
width: 100%;
687693
}
688694

689695
.setup-row {
690696
grid-template-columns: 1fr;
691697
}
692698

693699
.hero h1 {
694-
font-size: 1.8rem;
700+
font-size: 1.6rem;
701+
word-break: break-word;
695702
}
696703

697704
.hero-subtitle {
698-
font-size: 1rem;
705+
font-size: 0.95rem;
699706
}
700707

701708
.intro-section {
702-
padding: 40px 16px;
709+
padding: 32px 16px;
710+
width: 100%;
711+
max-width: 100%;
703712
}
704713

705714
.intro-section h2 {
706-
font-size: 1.5rem;
715+
font-size: 1.4rem;
707716
}
708717

709718
.layer-components {
@@ -713,18 +722,41 @@ footer {
713722
.hero-badges {
714723
flex-direction: column;
715724
align-items: center;
725+
gap: 8px;
726+
}
727+
728+
.badge-item {
729+
font-size: 0.8rem;
730+
padding: 6px 12px;
716731
}
717732

718733
.hero-actions {
719734
flex-direction: column;
720735
width: 100%;
736+
padding: 0 16px;
721737
}
722738

723739
.hero-actions .btn {
724740
width: 100%;
725741
text-align: center;
726742
}
727743

744+
.architecture-diagram {
745+
width: 100%;
746+
overflow-x: auto;
747+
}
748+
749+
.code-block {
750+
max-width: 100%;
751+
overflow-x: auto;
752+
}
753+
754+
.code-block pre {
755+
font-size: 0.7rem;
756+
white-space: pre-wrap;
757+
word-break: break-all;
758+
}
759+
728760
.overview-features {
729761
grid-template-columns: 1fr;
730762
}

‎docs/website/css/styles.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@
5656

5757
html {
5858
scroll-behavior: smooth;
59+
overflow-x: hidden;
5960
}
6061

6162
body {
@@ -65,6 +66,8 @@ body {
6566
line-height: 1.6;
6667
display: flex;
6768
min-height: 100vh;
69+
overflow-x: hidden;
70+
width: 100%;
6871
}
6972

7073
/* Sidebar Navigation */
@@ -550,6 +553,8 @@ footer {
550553
transition: transform 0.3s ease;
551554
top: 0;
552555
padding-top: 20px;
556+
width: 280px;
557+
max-width: 85vw;
553558
}
554559

555560
.sidebar.open {
@@ -563,11 +568,15 @@ footer {
563568
.content {
564569
margin-left: 0;
565570
padding-top: 60px;
571+
width: 100%;
572+
max-width: 100vw;
566573
}
567574

568575
.description,
569576
.example {
570577
padding: 24px 16px;
578+
max-width: 100%;
579+
overflow-x: auto;
571580
}
572581

573582
.endpoint-row {
@@ -586,6 +595,7 @@ footer {
586595

587596
.endpoint-header h3 {
588597
font-size: 1.1rem;
598+
word-break: break-word;
589599
}
590600

591601
.method-badge {
@@ -595,10 +605,17 @@ footer {
595605
table {
596606
display: block;
597607
overflow-x: auto;
608+
max-width: 100%;
598609
}
599610

600611
pre {
601612
font-size: 0.75rem;
613+
max-width: 100%;
614+
overflow-x: auto;
615+
}
616+
617+
code {
618+
word-break: break-all;
602619
}
603620
}
604621

‎docs/website/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en" data-theme="dark">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
66
<title>Fula API Documentation</title>
77
<link rel="stylesheet" href="css/styles.css">
88
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">

‎docs/website/intro.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en" data-theme="dark">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
66
<title>Introduction - Fula API Documentation</title>
77
<link rel="stylesheet" href="css/styles.css">
88
<link rel="stylesheet" href="css/intro.css">

‎docs/website/platforms.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en" data-theme="dark">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
66
<title>Platform Integration - Fula API Documentation</title>
77
<link rel="stylesheet" href="css/styles.css">
88
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">

‎docs/website/sdk.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en" data-theme="dark">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
66
<title>SDK Examples - Fula API Documentation</title>
77
<link rel="stylesheet" href="css/styles.css">
88
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">

0 commit comments

Comments
 (0)