Skip to content

Commit

Permalink
Layout tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
x0k committed May 24, 2024
1 parent 4218ce1 commit 5f73c61
Show file tree
Hide file tree
Showing 4 changed files with 30 additions and 12 deletions.
10 changes: 10 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
"typescript": "^5.4.5"
},
"devDependencies": {
"@iconify-json/lucide": "^1.1.188",
"@tailwindcss/typography": "^0.5.13",
"@types/color": "^3.0.6",
"color": "^4.2.3",
Expand Down
13 changes: 5 additions & 8 deletions src/example/description.mdx
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import { Icon } from 'astro-icon/components';

# Платежные системы

Необходимо выполнить интеграцию с тремя платежными системами, реализовав следующие операции:
Expand All @@ -19,14 +21,9 @@ TODO: объяснение операций, что такое `amount`.
- Использует логику расчета `payment` и уменьшает итоговое значение на `4`

<div class="flex flex-col gap-3">
<div class="collapse bg-base-300 rounded-md">
<input type="radio" name="my-accordion-1" />
<div class="collapse-title text-xl font-medium">Hint 1</div>
<div class="collapse outline outline-1">
<input type="checkbox" />
<div class="flex items-center gap-1 collapse-title"><Icon name="lucide:lightbulb" />Hint 1</div>
<div class="collapse-content">Используй фабрику</div>
</div>
<div class="collapse bg-base-300 rounded-md">
<input type="radio" name="my-accordion-1" />
<div class="collapse-title text-xl font-medium">Hint 2</div>
<div class="collapse-content">Используй голову</div>
</div>
</div>
18 changes: 14 additions & 4 deletions src/pages/example.astro
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
---
import { Icon } from 'astro-icon/components';
import Problem from "@/layouts/problem.astro";
import { Content as Description } from "@/example/description.mdx";
Expand All @@ -16,12 +18,12 @@ import { Content as Description } from "@/example/description.mdx";
<div class="breadcrumbs">
<ul>
<li><a>Design Patterns</a></li>
<li>Creational patterns</li>
</ul>
</div>
<select class="select select-ghost ml-auto">
<option> PHP </option>
</select>
<button class="btn btn-ghost ml-auto">
Sign in
<Icon name="lucide:log-in" />
</button>
</div>
<div class="prose prose-lg max-w-none">
<Description />
Expand All @@ -30,6 +32,14 @@ import { Content as Description } from "@/example/description.mdx";
</div>
<div slot="editor" class="flex flex-col h-full">
<div id="code-editor" class="grow"></div>
<div class="p-4 bg-base-300 border-t border-base-100 flex items-center gap-3">
<button class="btn btn-sm btn-primary" >
Run
</button>
<select class="select select-sm select-ghost ml-auto">
<option> PHP </option>
</select>
</div>
</div>
</Problem>

Expand Down

0 comments on commit 5f73c61

Please sign in to comment.