Fixed tabs content width issue, tabs nav title width issue, and added…

… style settings.

README.md

@@ -7,32 +7,10 @@ Thanks to the [Code Tab](https://github.com/lazyloong/obsidian-code-tab) plugin
 > 
 > The Tabs function operates based on the code block. In Obsidian, text within a code block is treated as plain text. Consequently, if you input tasks inside a code block, neither the tasks plugin nor the dataview plugin will be able to recognize them.
 
-## Showcase
-
-Insert a tab component into markdown file.
-
-![tabs-1](./assets/tabs-1.png)
-
 ![tabs-2](./assets/tabs-2.png)
 
-Nested use tabs.
-
 ![tabs-4](./assets/tabs-4.png)
 
-With Dataview & Tasks
-
-![tabs-3](./assets/tabs-3.png)
-
-With LeetCode
-
-![tabs-7](./assets/tabs-7.png)
-
-Tab nav on the left
-
-![tabs-nav-left](./assets/tabs-nav-left.png)
-
-> If you have a usage you'd like to share, feel free to raise an issue or pull a request. I'll add it to readme.
-
 ## Usage
 
 ### 1. Create a tabs code block
@@ -178,6 +156,35 @@ Provides a command to quickly create or convert selected text to a Tabs componen
 
 ![tabs-command](./assets/tabs-command.png)
 
+## Showcase
+
+Insert a tab component into markdown file.
+
+![tabs-1](./assets/tabs-1.png)
+
+With Dataview & Tasks
+
+From [DeusEx01](https://github.com/xhuajin/obsidian-tabs/issues/28)
+
+![showcase-DeusEx01](https://private-user-images.githubusercontent.com/149239010/350985938-92089290-4470-4d8c-8e86-e5889599759c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5MTU3MzQsIm5iZiI6MTcyMTkxNTQzNCwicGF0aCI6Ii8xNDkyMzkwMTAvMzUwOTg1OTM4LTkyMDg5MjkwLTQ0NzAtNGQ4Yy04ZTg2LWU1ODg5NTk5NzU5Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNVQxMzUwMzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMzBlZmVhMjQ1NzliY2NmNDI3ZmNlMDllNzQyNTA1ZmU5NDM2MThkZjliYTNhMGUzYzEzMDEyN2E0NTQ4ZTcwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.v6lYaWNxE1eE1FmQGUnhO3uhF8i2EsLUqH1Yn61Yw-8)
+
+![tabs-3](./assets/tabs-3.png)
+
+With LeetCode
+
+![tabs-7](./assets/tabs-7.png)
+
+Tab nav on the left
+
+![tabs-nav-left](./assets/tabs-nav-left.png)
+
+Tabs in mobile, from [DeusEx01](https://github.com/xhuajin/obsidian-tabs/issues/28)
+
+![showcase-DeusEx01](https://private-user-images.githubusercontent.com/149239010/351033796-36c5b48d-f8c1-4be6-ab85-fcc4d6908b7e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5MTU3MzQsIm5iZiI6MTcyMTkxNTQzNCwicGF0aCI6Ii8xNDkyMzkwMTAvMzUxMDMzNzk2LTM2YzViNDhkLWY4YzEtNGJlNi1hYjg1LWZjYzRkNjkwOGI3ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNVQxMzUwMzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lMjdmYzNmOTlkZGUyODRmYTI3ZjNhN2Y1ODU5MWNlZmFiZWE1NzZiY2U0MTViZmVjYTYzYWFhYzMxNzg4NDExJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Z5n40_Di01D6jBGHOMi5ir_4VE_5Sshk4Nc2sIiRylQ)
+
+> If you have a usage you'd like to share, feel free to raise an issue or pull a request. I'll add it to readme.
+
 ## Todo
 
-- Draggable tab nav item.
+- Draggable tab nav item.
+- Obsidian native editor (Live preview mode)

manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "tabs",
   "name": "Tabs",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "minAppVersion": "1.0.0",
   "description": "Create tabs in your notes.",
   "author": "Huajin",