mirror of
https://github.com/open-webui/docs
synced 2025-05-19 10:52:14 +00:00
Run prettier
This commit is contained in:
Sebastian
parent
fae36652f2
commit
606fbc5204
@ -5,19 +5,6 @@ title: "🕸️ Network Diagrams"
|
||||
|
||||
Here, we provide clear and structured diagrams to help you understand how various components of the network interact within different setups. This documentation is designed to assist both macOS/Windows and Linux users. Each scenario is illustrated using Mermaid diagrams to show how the interactions are set up depending on the different system configurations and deployment strategies.
|
||||
|
||||
## Table of Contents
|
||||
1. [Mac OS/Windows Setup Options](#macoswindows-setup-options)
|
||||
- [Ollama on Host, Open WebUI in Container](#ollama-on-host-open-webui-in-container)
|
||||
- [Ollama and Open WebUI in Compose Stack](#ollama-and-open-webui-in-compose-stack)
|
||||
- [Ollama and Open WebUI, Separate Networks](#ollama-and-open-webui-separate-networks)
|
||||
- [Open WebUI in Host Network](#open-webui-in-host-network)
|
||||
2. [Linux Setup Options](#linux-setup-options)
|
||||
- [Ollama on Host, Open WebUI in Container](#ollama-on-host-open-webui-in-container-linux)
|
||||
- [Ollama and Open WebUI in Compose Stack](#ollama-and-open-webui-in-compose-stack-linux)
|
||||
- [Ollama and Open WebUI, Separate Networks](#ollama-and-open-webui-separate-networks-linux)
|
||||
- [Open WebUI in Host Network, Ollama on Host](#open-webui-in-host-network-ollama-on-host)
|
||||
|
||||
|
||||
## Mac OS/Windows Setup Options 🖥️
|
||||
|
||||
### Ollama on Host, Open WebUI in Container
|
||||
|
||||
@ -12,7 +12,7 @@ export const SponsorList = () => {
|
||||
];
|
||||
|
||||
return (
|
||||
<div className=" flex gap-5 flex-wrap items-center justify-center">
|
||||
<div className="flex flex-wrap items-center justify-center gap-5">
|
||||
{sponsors.map((sponsor) => (
|
||||
<Sponsor sponsor={sponsor} />
|
||||
))}
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
export const Sponsor = ({ sponsor }) => {
|
||||
return (
|
||||
<>
|
||||
<div className="flex flex-col mb-2 ">
|
||||
<div className="text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold underline mb-1.5">
|
||||
<div className="mb-2 flex flex-col">
|
||||
<div className="mb-1.5 text-[0.6rem] font-bold text-gray-500 underline dark:text-gray-400">
|
||||
<a href={sponsor.url} target="_blank">
|
||||
{sponsor.name}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href={sponsor.url} target="_blank">
|
||||
<div className="flex w-32 md:w-48 gap-2.5 items-start">
|
||||
<div className=" basis-1/2">
|
||||
<div className="flex w-32 items-start gap-2.5 md:w-48">
|
||||
<div className="basis-1/2">
|
||||
<img
|
||||
className="rounded-xl "
|
||||
className="rounded-xl"
|
||||
loading="lazy"
|
||||
alt={sponsor.name}
|
||||
src={sponsor.imgSrc}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className=" basis-1/2 flex">
|
||||
<div className=" text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold line-clamp-4 md:line-clamp-5 no-underline">
|
||||
<div className="flex basis-1/2">
|
||||
<div className="line-clamp-4 text-[0.6rem] font-bold text-gray-500 no-underline dark:text-gray-400 md:line-clamp-5">
|
||||
{sponsor.description}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,27 +4,27 @@ export const TopBanner = ({ items }) => {
|
||||
{items.map((item) => (
|
||||
<>
|
||||
<div className="mb-2">
|
||||
<div className="text-xs text-gray-600 dark:text-gray-300 font-semibold underline mb-1">
|
||||
<div className="mb-1 text-xs font-semibold text-gray-600 underline dark:text-gray-300">
|
||||
Sponsored by {item.name}
|
||||
</div>
|
||||
|
||||
<a href={item.url} target="_blank">
|
||||
<img
|
||||
className="w-full rounded-xl hidden md:block"
|
||||
className="hidden w-full rounded-xl md:block"
|
||||
loading="lazy"
|
||||
alt={item.name}
|
||||
src={item.imgSrc}
|
||||
/>
|
||||
|
||||
<img
|
||||
className="w-full rounded-xl block md:hidden"
|
||||
className="block w-full rounded-xl md:hidden"
|
||||
loading="lazy"
|
||||
alt={item.name}
|
||||
src={item?.mobileImgSrc || item.imgSrc}
|
||||
/>
|
||||
</a>
|
||||
|
||||
<div className="text-right text-xs mt-1 text-gray-600 dark:text-gray-300 font-semibold line-clamp-1">
|
||||
<div className="mt-1 line-clamp-1 text-right text-xs font-semibold text-gray-600 dark:text-gray-300">
|
||||
{item.description}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -15,8 +15,7 @@ export const TopBanners = () => {
|
||||
mobileImgSrc: "/ads/sponsor-banner-small-1.png",
|
||||
url: "https://davewaring.com/tag/digital-brain-building/",
|
||||
name: "Dave Waring",
|
||||
description:
|
||||
"Follow along as I build my own AI powered digital brain.",
|
||||
description: "Follow along as I build my own AI powered digital brain.",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
// https://docusaurus.io/docs/typescript-support
|
||||
// This file is not used in compilation. It is here just for a nice editor experience.
|
||||
{
|
||||
"extends": "@docusaurus/tsconfig",
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
// https://miyoon.medium.com/array-parameters-in-tsconfig-json-are-always-overwritten-11c80bb514e1
|
||||
// https://github.com/microsoft/TypeScript/issues/20110
|
||||
"types": [
|
||||
"node",
|
||||
"@docusaurus/module-type-aliases",
|
||||
"@docusaurus/theme-classic",
|
||||
"docusaurus-plugin-sass"
|
||||
]
|
||||
},
|
||||
"exclude": ["node_modules", "build", ".docusaurus"]
|
||||
"extends": "@docusaurus/tsconfig",
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
// https://miyoon.medium.com/array-parameters-in-tsconfig-json-are-always-overwritten-11c80bb514e1
|
||||
// https://github.com/microsoft/TypeScript/issues/20110
|
||||
"types": [
|
||||
"node",
|
||||
"@docusaurus/module-type-aliases",
|
||||
"@docusaurus/theme-classic",
|
||||
"docusaurus-plugin-sass"
|
||||
]
|
||||
},
|
||||
"exclude": ["node_modules", "build", ".docusaurus"]
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user